Field notes from the phosphor terminal

Afterglow typesets rendered HTML with the same palette and font stacks as its components. Wrap content in typeset and the theme handles the rhythm.

The class works for documentation, release notes, and markdown you do not control. Inline links, strong text, and marked passages share the terminal language.

Signal path

• Headings use the theme's monospace stack.
• Body copy keeps the sans-serif stack for long reading.
• Code, keys, rules, and tables reuse existing semantic tokens.

A useful typeset should make unknown HTML readable before anyone adds component-specific classes.

Configuration

.release-notes {
  --typeset-measure: 70ch;
  --typeset-flow: 1.5em;
}

Apply it anywhere

The four variables inherit, so a page can set one rhythm while a nested chat transcript uses another.

Operational notes

A typeset can sit inside a narrow activity feed or fill a documentation column. The surrounding layout controls the available width, while the measure keeps long lines readable.

1. Install the theme once through the Afterglow registry.
2. Wrap rendered content with the typeset class.
3. Override only the rhythm variables that the context needs.

Inherited settings

Set variables on a parent when several content regions should share the same rhythm. A nested region can still override one value without repeating the others.

Measure

The longest allowed line before text wraps.

Leading

The distance between baselines within a text block.

Flow

The vertical distance between separate content blocks.