DS
Premium Docs

Design System Showroom

Published-package documentation wired to the real DS runtime so the same routes reveal how tenant and engine reshape identical component contracts.
Rottay / modern
Published package
Primary
#0A0A0A
Rottay
Radius
14px
Surface shape
DensitynormalPlatform Flagship
NavigatorLibrary map
8 sections
212 routes
Foundations first, then primitives, patterns, structures, and surfaces. Keep this rail legible enough to scan without hunting.
Foundations4 documented routes
4
Tokens
Themes
Engines
Icons
109
97
Display
Inputs
Feedback
Layout
Navigation
Overlay
21
Headers
Workspace
Record
Dashboard
Feedback
36
Admin
Data
Experience
Forms
Operations
Workspace
3
Platform
Bit Hire
Evnto
1
Playground
2
Developers
Runtime fingerprintToken readout from the active provider chain.
Live DS
Runtime
Platform
Rottay
Rottay / ModernPlatform Flagship
Primary
#0A0A0ASecondary #6B6B6B
Radius
14pxxl 18px
Density
normalBorder-light cards
Accent
Badge
Compact runtime evidence across 3+ token signals.
Published DS package · Pattern Library · Rottay / modernShared route metadata for the active runtime, kept inline so the shell reads like a thin header band.
Palette
#0A0A0ARottay
Chrome
Modernrenderer posture
Radius
14pxsurface shape
Density
normalPlatform Flagship
Navigation

Navigation

Active profilePlatform Flagship
Runtime postureRottay / modern
Patterns contains 5 documented entries.
Runtime controls
TenantRottay
Patterns/Navigation
Reusable composites
5 patterns

Navigation

Navigation patterns help users switch context, invoke tools, and move around large systems without losing orientation.Use this page to narrow the lane. Open an individual pattern when you want the live DS and runtime reference.
Read this page forGroup-level fit, evaluation lenses, and the most likely structure and surface pairings.
Patterns
5
Indexed in this group
Inspect first
discoverability
Suggested first evaluation lens
Common surface
CollectionWorkspaceSurface
Typical landing context
Catalog
5 indexed

Browse patterns

Open a pattern to inspect live DS treatment, engine coverage, and where it fits in the broader system.
Primitives97 documented routes
PatternsCurrent section
48
Data
Forms
Visualization
Communication
Workflow
Navigation
Command Palette
Environment Toggle
Locale Switcher
Shortcuts Overlay
Workspace Switcher
Misc
Structures21 documented routes
Surfaces36 documented routes
Verticals3 documented routes
Playground1 documented routes
Developers2 documented routes
roundedtop bar · solid dividers
EngineModern
Audit lens

What to evaluate

Judge the group by reusable behavior and operator clarity before admiring individual modules.
discoverability
mode switching
spatial memory
Structure pairings

Common structure pairing

Patterns become easier to judge when you picture the page chrome they normally sit inside.
PageShell
WorkbenchHeader
SearchCommandBar
Surface context

Typical surfaces

These are the route-level homes where this group usually proves its value.
CollectionWorkspaceSurface
CommandCenterSurface
RecordWorkbenchSurface
Fastest entry
4 picks

Start with these

These are the quickest paths into live DS and runtime usage for this group.
Pattern

CommandPalette

3/3 engines
Keyboard-driven command launcher (Cmd+K)
Evaluatediscoverability
classic
modern
rustic
Open Reference
Pattern

EnvironmentToggle

3/3 engines
Dev/staging/production environment switcher
Evaluatemode switching
classic
modern
rustic
Open Reference
Pattern

PatternLocaleSwitcher

3/3 engines
Language and locale selector with flag icons
Evaluatespatial memory
classic
modern
rustic
Open Reference
Pattern

ShortcutsOverlay

3/3 engines
Full-screen keyboard shortcuts reference overlay
Evaluatediscoverability
classic
modern
rustic
Open Reference
Pattern

WorkspaceSwitcher

3/3 engines
Multi-workspace or multi-tenant switcher
Evaluatemode switching
classic
modern
rustic
Open Reference
CommandPaletteKeyboard-driven command launcher (Cmd+K)
EnvironmentToggleDev/staging/production environment switcher
PatternLocaleSwitcherLanguage and locale selector with flag icons
ShortcutsOverlayFull-screen keyboard shortcuts reference overlay