Components & UI

Native interface elements remain editorial tools: plain, legible, and specific about their state.

View approved assets

Explore brand colors

STATUS LABELS — Approved / Superseded / Reference only
SPACING — Use 8, 16, 24, 40, and 64px intervals.
INTERACTION — Use Vermilion for primary action; never add movement without a functional cue.

FIELD SPECIMEN / Type to test. Nothing is submitted or saved.

Approval note — demonstration only, not submitted or saved

Open the interactive comparison lab → Choose Components to compare action hierarchy and target sizes.