I feel like this layout was very close to working but I just couldn't crack it. Going to pare it back.

Making connections.

Taking some procedural steps with dots and grouping into rows.

Nothing like prototyping with the actual content for keeping you honest.

Microsoft Creative Writer interface. Never used this, but it is evidently a precursor to Microsoft Bob which I used and remain fascinated by.

From: https://twitter.com/Toadsanime/status/1099453806574821376

Filling in the grid.

A grid emerges.

FF11 prototype early days.

More programmatic font-sizing experiments: Line-height baseline tweening test.

From: https://observablehq.com/@grantcuster/line-height-baseline-tweening-test

Starting the next one.

Logo explorations.

ORCA and PILOT by Devine Lu Linvega.

From: https://twitter.com/neauoire/status/1114770190552653824

An experiment in using Inter's variable font weight to match the stroke weight across different sizes of text.

From: https://observablehq.com/@grantcuster/inter-variable-for-monoline-at-all-sizes

Experiments.

I made a notebook about translating the Inter font metrics into pixel measurements. It should be helpful for lining stuff up.

From: https://observablehq.com/@grantcuster/inter-font-metrics-in-pixels

Transit Meditation by Zach Gage.

From: https://twitter.com/helvetica/status/1114508376409612288

Provocative font-size calculation mistakes/Inter is a beautiful font.

Jon Kyle on how his site is set-up and deployed.

From: https://www.jon-kyle.com/entries/2019-03-21-simple-ish-sites

Maybe.

Raster–CSS Grid System by Rasmus Andersson.