SGUI / Development

Typography

Visual roles are independent of native text semantics.

Learning that grows with you

Loading examples…

Prop playground

Visual roles are independent of native text semantics.

variant

tone

text

noWrap

Preview density

Learning that grows with you

Loading examples…

The same props in independent density scopes.

Learning that grows with you

A heading hierarchy with readable body text.

Updated today

Tone describes text emphasis, accent or meaning.

Default: main content

Muted: supporting descriptions

Subtle: supplementary metadata

Accent: brand-colored text

Danger: error messaging

Loading examples…