Text and Typography
A typography showcase post for headings, lists, blockquotes, code, and tables.
Text and Typography
This article exists to demonstrate how long-form text behaves in the starter.
Headings
The reading layer uses serif typography for content and headings, while the interface layer keeps a cleaner sans-serif voice.
Smaller Headings
Use headings to create rhythm, not just hierarchy.
Paragraphs
Good reading typography should feel calm. Long lines, overly bright colors, or heavy UI chrome make technical writing harder to read than it needs to be.
Blockquote
A good starter should help people ship a site quickly without forcing them to undo theme decisions first.
Inline Code
Use inline code for short terms and reserve blocks for real examples.
Code Block
1
2
def summarize_posts(posts):
return [post["title"] for post in posts if post.get("published")]
Table
| Element | Purpose |
|---|---|
| Serif body | Long-form reading |
| Sans UI | Navigation and controls |
| Mono | Code and structured values |
Lists
- unordered lists should stay relaxed
- ordered lists should stay clear
- nested content should not feel cramped
This post is licensed under
CC BY 4.0
by the author.