Catalog
Design system
The complete component contract for the public site, built against the tokens already in the sheet. Specimens render the same classes production pages use — this is not a second visual language.
Index
What is defined
Defined
Typography
Three families, a fluid modular scale, and the display / section / body / code roles.
Defined
Color
Ink, paper, Pelorous, and the kina / kina-dark themes.
Defined
Space
Rhythm, measure, and the default tile grid. Masonry is opt-in for uneven collections.
Defined
Structure
Document shell, interior page recipe, stack and group regions, and the landing hero/band pattern.
Defined
Content
Code snippets, prose elements, and definition lists used by docs and examples.
Defined
Cards
Linked, static, and program tiles with their current anatomy and interaction states.
Defined
Actions
Primary, secondary, ghost, destructive, disabled, and busy controls.
Defined
Forms
Inputs, selects, textareas, choices, validation, and submission anatomy.
Defined
Feedback
Notices, progress, loading, empty states, and user-triggered notifications.
Defined
Navigation
Primary chrome, breadcrumbs, tabs, pagination, and grouped document links.
Defined
Overlays
Native disclosure, modal dialogs, tooltips, and layering guidance.