Typography
A sample page for judging headings, prose, and inline styles. Cycle the theme button (top-right) and watch every element re-color ā including this page's entry in the sidebar.
Heading level 2
Body text sets the tone: comfortable line-height, a readable measure, and enough contrast to stay easy on the eyes. Here's a link, some bold text, some italic text, and a bit of inline code for good measure.
Heading level 3
A good palette earns its keep in the quiet places ā muted labels, hairline borders, and the hover state you only notice when it's wrong.
Heading level 4
Small headings still need to read as headings, not just bold text.
Lists
Unordered:
- First item
- Second item, written long enough to show how wrapped list text sits against the bullet and the left margin
- Third item
- A nested item
- Another nested item
Ordered:
- Drop the file in
- Refresh the page
- Pick it from the theme button
Blockquote
Themes are opinions about attention. A quote block is where a theme says "look here" ā check that the accent and border read clearly without shouting.