Skip to main content

Theme showcase

One spec, six presets

The same content renders consistently under every built-in theme.

Presets
6
Tokens
24
Schemes
light + dark

How a preset resolves

  1. Load

    Built-in presets, then user, project, and explicit files.

  2. Extend

    Each preset merges over the chain it extends.

  3. Complete

    A token left unset falls back to the default preset and warns.

Token groups

Token groups
GroupTokensExample
color12#1a5fa8
typography6ui-serif, Georgia, serif
spacing2comfortable
radius and border48px
Presentation tokens per task
Presentation tokens per task010,00020,00030,000LegacyAK RenderLegacy: Context tokens 22000AK Render: Context tokens 6500

Context tokens: Legacy 22000, AK Render 6500

Chart data table
Presentation tokens per task
SeriesLegacyAK Render
Context tokens220006500

Built-ins are versioned

A preset carries a version so a stored theme is traceable.

1 / 3
Custom presetyaml
name: team-theme
extends: editorial
tokens:
  color-accent: "#b8860b"

Preset versus stylesheet

Preset

  • Declared tokens only
  • Validated values
  • Deterministic output

Stylesheet

  • Arbitrary declarations
  • Unvalidated input
  • Unpredictable output

Built-in presets

  • blueprint
  • editorial
  • paper-ink
  • terminal-mono
  • swiss-clean
  • warm-signal