Primitive

Text

Body, lead, meta, caption, mono, numeric, and prose text primitive.

Use Text before hard-coding font recipes. Purpose and intent map to typography and color foundations.
typography
DOM renderImage render
TextDefault
Concrete text stays compact and readable.

Playground

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground

Rendered matrix

Every state maps to the same primitive render route through the state query param.

Default

Default body text.
Concrete text stays compact and readable.
Render state

Lead

Lead text for editorial intros and hero support copy.

Soft, powerful, compact UI vocabulary for AI-native software.

Render state

Meta

Small metadata and caption roles.
Updated 2 minutes agoGenerated interface output
Render state

Numeric

Numeric and mono text roles.
98.4%bun run check
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
purpose'body' | 'lead' | 'meta' | 'caption' | 'mono' | 'number' | 'prose'-Text role.
intent'default' | 'muted' | 'soft' | signal-Text color intent.
as'span' | 'p' | 'div' | 'small' | 'strong' | 'code'-Rendered element.
childrenReactNode-Text content.