Style
Rendered from the live tokens, so it cannot go stale. Switch the theme in the header to see every value in the other scheme.
Type scale
- The lethal trifecta
- The lethal trifecta
- The lethal trifecta
- The lethal trifecta
- The lethal trifecta
- The lethal trifecta
Colour roles
Links
An unvisited link in prose is rust with a solid underline. A visited one shifts to teal and changes to a dotted underline, so the state survives for a reader who cannot tell the two hues apart. Tab to any link to see the focus ring.
Entry titles and permalink dates are the exception. The title carries the primary hue and underlines only on hover; the date beside it is ink. Colour sits on the thing you are being invited to click, and the date reads as structure rather than as a second link competing with it.
Neither one flips hue when visited. Letting them inherit the plain link rules meant a reader's browser history repainted every title teal, which inverted the palette across the whole site depending on where that reader had already been. A read title dims within its own hue instead, and the date — which points back here rather than out — never changes at all.
Metadata voice
Mono, small, muted. Everything the page says about itself — dates, hostnames, counts, navigation — uses it, and nothing else does.
Prose
Body copy sits on a measure of about 65 characters. Entries are short by design, so this is a reading column rather than a page layout. The token is set in ch units, which measure the width of a zero rather than an average letter — in this typeface that is a factor of 1.24, so the number in the stylesheet is deliberately not the character count.
A quotation is set on a hairline rule in the muted role, italic, at the same size as the body.
- Lists use a disc marker and tight leading between items.
- Inline
codeborrows the mono face at nine tenths of the surrounding size, so it sits on the same baseline.