Alpha 02 · Foundation reference

The shared decisions behind every component.

Semantic tokens let themes change while typography, spacing, accessibility, material, and behavior stay consistent across 28 published modules.

01 · System contract

Decisions that scale with the catalog

Alpha 02 connects the visual language to explicit implementation and quality boundaries.

Token layersPrimitive → semantic → theme

Components depend on meaning, so Frost, Mist, and Graphite can evolve independently.

Public surfaceCSS + JavaScript

Documented selectors, custom properties, initializers, managers, and teardown behavior form the supported API.

Quality gatesAccessibility, contrast, budgets, lifecycle, consumers, and visual baselines

Automated checks protect the same constraints that the component contracts promise.

02 · Typography

Onest

A neutral grotesk with enough warmth for product and editorial interfaces.

Aa

Design with intent.

Display, heading, body, label, and code roles share a deliberate scale.

400 Regular500 Medium600 Semibold700 Bold

03 · Semantic color

Meaning before pigment

Components consume roles that remain stable across Frost, Mist, and Graphite.

Success--nds-success
Warning--nds-warning
Danger--nds-danger
Info--nds-info

04 · Material

Selective glass

Glass supports orientation and controls. Content surfaces remain solid and readable.

Current levelSoft

Use the appearance controls to compare Off, Soft, and Clear.

05 · Layout

Composable primitives

Container, Stack, Cluster, and Grid express common relationships without prescribing page structure.

Container
Stack
Cluster
Grid