Text and Typography

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.