Premium Docs
Design System Showroom Density normal Platform Flagship
Landing
Playground
Navigator Library map
8 sections 212 routes
Foundations first, then primitives, patterns, structures, and surfaces. Keep this rail legible enough to scan without hunting. Runtime fingerprint Token readout from the active provider chain.
Live DS Runtime
Rottay / Modern Platform Flagship
Primary
#FFFFFF Secondary #A0A0A5
Compact runtime evidence across 3+ token signals.
1 structures Structure group
Shell Shell structures keep persistent navigation reachable and distinct from page content across compact viewports. Audit lens Review hierarchy before chrome polish
Check 01 active destination clarity
thumb reach safe-area posture
Exports Structure docs in this group, with their primary audit lens and the route contexts they usually support.
Primitives 93 documented routes
Patterns 49 documented routes
Structures Current section
24 Surfaces 36 documented routes
Verticals 3 documented routes
Playground 1 documented routes
Developers 2 documented routes
rounded top bar · solid dividers
Shell
Shell Active profile Platform Flagship
Runtime posture Rottay / modern
Structures contains 1 documented entries. Check 03 safe-area posture
Structures
1
Exports indexed in this group.
Patterns
3
Common task layers these structures frame.
Surfaces
3
Route contracts where this group usually lands.
Common pairings Use these as the supporting task and route layers when you audit whether the structure is carrying the right amount of page chrome. Patterns command palettes workspace switchers status filters
Surfaces CollectionWorkspaceSurface CommandCenterSurface RecordWorkbenchSurface
active destination clarity
Structure 01
BottomTabBar 3 engines Mobile shell navigation bar with active, icon, badge, and label states Audit with active destination clarity
Pairs with command palettes
Usually lands in Open detail
CollectionWorkspaceSurface classic modern rustic