CompLabel

• Layer: Primitive
• Base: Custom — no Ark UI dependency

Default

Basic labels

Captured Recently

Saltie's Voice

Plane 1 — UI

With number prefix

Numbered labels

01·The Den

02·Vault

03·Settings

Props

Prop	Type	Default	Description
children	JSX.Element	required	Label text
number	string	—	Optional prefix e.g. "01" — rendered in accent.default with a · separator

Design notes

• font-mono, 0.72rem (xs), letter-spacing: 0.18em, uppercase, text.muted — intentionally quiet.
• The number prefix uses accent.default so it draws the eye without competing with content.
• The · separator between number and label is aria-hidden="true".
• Use in place of <h2> / <h3> for section headers in Plane 1. Avoid adding margin directly — wrap in a <Box mb="3"> or use the style prop.

Plane 1 Constraints

• No background
• No border
• No hover state — this is a label, not interactive