Density normal Platform Flagship
Landing
Playground
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
#0A0A0A Secondary #6B6B6B
Density
normal Border-light cards
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.
Components
15
Indexed in this category
Runtime
3 engines
Classic, Modern, Rustic
Inspect first
orientation
Suggested first comparison lens
Browse components Open a component to inspect usage guidance, live preview coverage, and engine support without losing the category context.
Primitives Current section
Patterns 48 documented routes
Structures 21 documented routes
Surfaces 36 documented routes
Verticals 3 documented routes
Playground 1 documented routes
Developers 2 documented routes
rounded top bar · solid dividers
Rottay
Modern
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.
Primitive
ActionDock 3/3 engines
Floating action dock for primary page actions Current location and movement cues stay visible. Active state and orientation should never feel guessed. Inspect first orientation
Engine support Full runtime coverage
Primitive
Affix 3/3 engines
Sticky element that pins on scroll Current location and movement cues stay visible. Active state and orientation should never feel guessed. Inspect first discoverability
Engine support Full runtime coverage
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. Inspect first active state clarity
Engine support Full runtime coverage
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. Inspect first orientation
Engine support Full runtime coverage
Primitive
BottomTabBar 3/3 engines
Mobile bottom navigation bar Current location and movement cues stay visible. Active state and orientation should never feel guessed. Inspect first discoverability
Engine support Full runtime coverage
Primitive
Breadcrumb 3/3 engines
Hierarchical path navigation trail Current location and movement cues stay visible. Active state and orientation should never feel guessed. Inspect first active state clarity
Engine support Full runtime coverage
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. Inspect first orientation
Engine support Full runtime coverage
Styled anchor with router integration Current location and movement cues stay visible. Active state and orientation should never feel guessed. Inspect first discoverability
Engine support Full runtime coverage
Vertical or horizontal navigation menu Current location and movement cues stay visible. Active state and orientation should never feel guessed. Inspect first active state clarity
Engine support Full runtime coverage
Primitive
MobileHeader 3/3 engines
Compact header for mobile viewports Current location and movement cues stay visible. Active state and orientation should never feel guessed. Inspect first orientation
Engine support Full runtime coverage
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. Inspect first discoverability
Engine support Full runtime coverage
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. Inspect first active state clarity
Engine support Full runtime coverage
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. Inspect first orientation
Engine support Full runtime coverage
Primitive
Steps 3/3 engines
Multi-step process indicator Current location and movement cues stay visible. Active state and orientation should never feel guessed. Inspect first discoverability
Engine support Full runtime coverage
Tabbed content switcher Current location and movement cues stay visible. Active state and orientation should never feel guessed. Inspect first active state clarity
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.