SableDesign reference
Components

Text

Every string on screen renders through Text — six type tokens plus mono. The variant picks the size/weight/line-height token; color is a semantic name.

Controls
Variant
Color
Content
Preview
Light

Sable puts every message through a single triage flow.

Dark

Sable puts every message through a single triage flow.

All variants
Light

title — quick brown fox

heading — quick brown fox

subhead — quick brown fox

body — quick brown fox

callout — quick brown fox

caption — quick brown foxmono — quick brown fox
Dark

title — quick brown fox

heading — quick brown fox

subhead — quick brown fox

body — quick brown fox

callout — quick brown fox

caption — quick brown foxmono — quick brown fox