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.
Navigation Navigation primitives control how users move, orient themselves, and switch modes without losing context or momentum. Outcome Use this category to judge whether the design system can support complex applications instead of isolated components.
Browse components Open a component to inspect usage guidance, live preview coverage, and engine support without losing the category context.
Primitives Current section
93 Patterns 49 documented routes
Structures 24 documented routes
Surfaces 36 documented routes
Verticals 3 documented routes
Playground 1 documented routes
Developers 2 documented routes
rounded top bar · solid dividers
Navigation
Navigation Active profile Platform Flagship
Runtime posture Rottay / modern
Primitives contains 12 documented entries. Components
12
Indexed in this category
Runtime
3 engines
Classic, Modern, Rustic
Inspect first
orientation
Suggested first comparison lens
Where this category earns its keep Use these screens first when you want evidence of hierarchy, responsiveness, and runtime polish.
application shells multi-step flows tabbed workspaces
What to inspect Compare one quality lens at a time so the category does not collapse into generic component browsing.
orientation
discoverability
active state clarity
Start with these These references are the quickest way to see live DS behavior in this category before you branch into the full index.
Current location and movement cues stay visible. Active state and orientation should never feel guessed. Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Primitive
Anchor 3/3 engines In-page navigation linking to sections Current location and movement cues stay visible. Active state and orientation should never feel guessed. Primitive
BackTop 3/3 engines Scroll-to-top floating button Current location and movement cues stay visible. Active state and orientation should never feel guessed. Primitive
Breadcrumb 3/3 engines Hierarchical path navigation trail Current location and movement cues stay visible. Active state and orientation should never feel guessed. Primitive
FloatButton 3/3 engines Floating action button with optional expansion Current location and movement cues stay visible. Active state and orientation should never feel guessed. Styled anchor with router integration Current location and movement cues stay visible. Active state and orientation should never feel guessed. Vertical or horizontal navigation menu Current location and movement cues stay visible. Active state and orientation should never feel guessed. Primitive
Pagination 3/3 engines Page navigation with size options Current location and movement cues stay visible. Active state and orientation should never feel guessed. Primitive
Segmented 3/3 engines Segmented control for switching views Current location and movement cues stay visible. Active state and orientation should never feel guessed. Primitive
Stepper 3/3 engines Compact step indicator for mobile flows Current location and movement cues stay visible. Active state and orientation should never feel guessed. Primitive
Steps 3/3 engines Multi-step process indicator Current location and movement cues stay visible. Active state and orientation should never feel guessed. Tabbed content switcher Current location and movement cues stay visible. Active state and orientation should never feel guessed. Anchor In-page navigation linking to sections
BackTop Scroll-to-top floating button
Breadcrumb Hierarchical path navigation trail
Inspect first discoverability
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first active state clarity
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first discoverability
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first active state clarity
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first discoverability
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first active state clarity
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first discoverability
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first active state clarity
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.