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.
3 structures Structure group
Record Record structures shape detail and edit experiences into readable sections instead of long generic forms. Audit lens Review hierarchy before chrome polish
sectioning metadata hierarchy edit-read balance
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
Record
Record Active profile Platform Flagship
Runtime posture Rottay / modern
Structures contains 2 documented entries. Check 02 metadata hierarchy
Check 03 edit-read balance
Structures
3
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 form builders comment threads activity logs
Surfaces DetailSurface DetailFormSurface ProfileSurface
Structure 01
Record 3 engines Record detail layout with field grid and sections Audit with sectioning
Pairs with form builders
Usually lands in Open detail
DetailSurface classic modern rustic
Structure 02
FormSections 3 engines Grouped form sections with collapsible panels Audit with metadata hierarchy
Pairs with comment threads
Usually lands in Open detail
DetailFormSurface classic modern rustic
Structure 03
EditFields 3 engines Single-surface record edit chrome: numbered fields, primary/advanced disclosure, and a save/cancel footer Audit with edit-read balance
Pairs with activity logs
Usually lands in Open detail
ProfileSurface classic modern rustic