A template article

This file exists so you can see the type before you write anything real. Delete the folder and it disappears from the index automatically. Everything below is here to show what the styles do, not to say anything.

Body copy sits at 16px with a 1.65 line-height, on the same 600px column as the rest of the site. Paragraphs are separated by one line of space rather than an indent, which is what makes a wall of text scannable.

A subhead looks like this

Subheads are the same size as body copy and lean on weight instead of scale. That is the whole trick: a heading that shouts in a piece this narrow just interrupts the read.

And a smaller one

Set in grey, for when a section genuinely needs a third level. Most articles will not.

• Lists use a subtle grey marker
• So the text stays the loudest thing
• Even in a long run of items

A quote sits behind a hairline rule, in grey. Useful for citing someone else without dressing it up as a pull quote.

Inline code gets a soft background, and a fenced block gets the same treatment with room to breathe:

const judgement = reps * feedback;

A horizontal rule marks a real break in the argument. Use it sparingly.