Typography

One page that exercises everything a theme has to carry, so you can judge the typesetting before you install. The body is set at 18px on a 720px measure, line-height 2.05, justified like a printed page.

Text

Body text can carry emphasis, strength, struck-through regret, marked passages, inline code, and links. Chinese, 日本語，and English share one family: IBM Plex Sans, subset per script and loaded only where a page needs it.

Everything comes in threes. The theme keeps to three accents — vermilion for what responds, ink-green for what informs, amber for what glows — and a single ∴ where a section ends.

Lists

1. Footnotes become Tufte-style margin notes on wide screens¹ and fall back to endnotes on narrow ones.
2. The dark-mode toggle is a circular reveal, not a hard cut.
3. Archives carry the year as a ghost numeral in the background.

• three accent colors, no fourth
• IBM Plex, self-hosted and subset
• no third-party requests²

Code

Code blocks use class-based Chroma highlighting in a Catppuccin Macchiato palette, with a copy button when enabled:

def motto(n: int) -> str:
    """What can change the nature of a man?"""
    return "∴ " * n

.post-content {
    font-size: 18px;
    line-height: 2.05;
    text-align: justify;
}

Table

Details

A theme should disappear while you read. If you noticed it just now, that is what the margin notes are for.