Documentation

Design systems and tokens

The document's own typed tokens, how they reach CSS, and what a font role is.

A document carries its own design system: colour tokens, type roles, spacing. They are emitted as CSS custom properties on the frame element rather than on the page root, which is what lets a document's rule say color: var(--color-primary) and resolve without one document's tokens leaking into another's thumbnail.

Font roles, not font names

Type is set by role: var(--font-serif), var(--font-sans), var(--font-mono). The role is bound to the document's system, so changing the system restyles the deck. A literal family name is refused at every boundary, because a deck pinned to one stops following its own design.

The preset systems

Editorial, Technical and Minimal are free. Brutalist, Academic, Corporate and Dark are part of Studio. Editing tokens by hand is free on every plan: what Studio adds is the designed system, not the ability to have one.