Design
The very small design system behind this site.
Type
Hero · Signifier 400
The road is life.
Body · Söhne 500
I had nothing to offer anybody except my own confusion. So I got on with my plans for the journey, and was up at four in the morning to take a bus across the bridge.
Page title / Section heading · Söhne Mono 400
Part One
Page intro · Söhne 400
Nothing behind me, everything ahead of me, as is ever so on the road.
Card and list title · Söhne 400
All of life is a foreign country
Meta · Söhne Mono 400
Type scale
- --text-xs
- 0.75rem / 12pxspecimen captions, smallest mono step
- --text-sm
- 0.875rem / 14pxmono labels, meta, timestamps
- --text-md
- 1rem / 16pxsection headings, page titles, button labels
- --text-lg
- 1.125rem / 18pxbody copy, list links
Color
Spacing
- --space-3xs0.25rem / 4pxtight pairs (h1 → subtitle)
- --space-2xs0.5rem / 8pxinline gaps, list item gaps
- --space-xs0.75rem / 12pxlabel → content
- --space-sm1rem / 16pxdefault block gap
- --space-md1.5rem / 24pxcard padding, nav gaps
- --space-lg2rem / 32pxedge padding, column gap
- --space-xl3rem / 48pxhero → body
- --space-2xl4rem / 64pxsection breaks (mobile)
- --space-3xl6rem / 96pxsection breaks, subtitle → hero
Components
Newsletter form
Copy button
Pill buttonLinkedIn
Link row
Images
Data table
By month
| Views95 total | Visits22 total | |
|---|---|---|
| Aug 2026Still counting | 5 | 3 |
| Jul 2026 | – | – |
| Jun 2026 | 68 | 18 |