14
Type & Layout
The nine type roles, dividers, layout primitives, and the matte well.
typeRoles — the register's closed nine-role ladder, one class per role
displayThink in circlesPixel · hero & page titles
titlePixel · section/panel titles
headlineSpaced ReviewPixel · card & list titles
labelPixel · buttons/nav/chips
bodyMarch a ray through signed distance fields.Geist · prose
metaToday 18:00 · 214 waitingGeist · secondary
microLIVE · DUE · 0x3FMono · below the pixel floor
terminal> submit checkpoint --answerMono · wells & prompts
buttonRESUME SESSIONMono · control labels
Heading · levels — h1/h2/h3 are the display/title/headline tiers; h4+ share h3's rung
Heading level 1
Heading level 2
Heading level 3
Heading level 4
Text — standalone it takes the meta role; composed, the parent's context styles itText carries the register's meta role when it stands alone — inside a Button or MenuItem the parent still owns its type.
Keyboard · shortcut markup — standalone it takes the terminal role
Save Ctrl+SCommand palette Ctrl+KDismiss Esc
Header · Content · Footer — composed as a small layout block
Release notes
Ship the type panel with real demos for every register role.
Well — the matte terminal container: opaque surface, scan dither, never glass
focus [▮▮▮▯▯] 3/5
streak 12 days · hold
xp 2,840 · lvl 12
memory cell 0x3F degraded
Well · composed — the same well built from library primitives
Focus
3/5Streak
4/5Memory
1/5> resume session
Flex · gap sweep
xs
AlphaBravoCharlie
sm
AlphaBravoCharlie
md
AlphaBravoCharlie
lg
AlphaBravoCharlie
xl
AlphaBravoCharlie
Grid · columns × gap
OneTwoThreeFourFiveSix
Divider · sizes
S
M
L
Divider · orientation — vertical stretches to fill its row
LeftRight
Separator · variant × size — strong currently renders as default
default
subtle
strong
CenterBaseline · icon-to-text alignment
Notifications
Search
Provider · colorScheme override — light island in dark, dark island in light