DS
Published-package documentation wired to the real DS runtime so the same routes reveal how tenant and engine reshape identical component contracts.
Rottay / modernPublished package
Premium Docs

Design System Showroom

Primary
#FFFFFF
Rottay
Radius
14px
Surface shape
DensitynormalPlatform Flagship
NavigatorLibrary map
8 sections212 routes
Foundations first, then primitives, patterns, structures, and surfaces. Keep this rail legible enough to scan without hunting.
Foundations4 documented routes
4
Tokens
Themes
109
93
49
36
3
1
2
Runtime fingerprintToken readout from the active provider chain.
Live DS
Runtime
PlatformRottay
Rottay / ModernPlatform Flagship
Primary
#FFFFFFSecondary #A0A0A5
Radius
Compact runtime evidence across 3+ token signals.
Published DS package · Page Structure · Rottay / modernShared route metadata for the active runtime, kept inline so the shell reads like a thin header band.
Palette
#FFFFFFRottay
Chrome
Modernrenderer posture
Radius
14pxsurface shape
Density
normalPlatform Flagship
Structures/Dashboard
3 structuresStructure group

Dashboard

Dashboard structures organize insight-heavy screens so signal lands before ornament.
Audit lensReview hierarchy before chrome polish
Check 01signal framing
Catalog
signal framingscan rhythmcross-module hierarchy

Exports

Structure docs in this group, with their primary audit lens and the route contexts they usually support.
Engines
Icons
Primitives93 documented routes
Display
Inputs
Feedback
Layout
Navigation
Overlay
Patterns49 documented routes
Data
Forms
Visualization
Communication
Feedback
Workflow
Navigation
Commerce
Customization
Identity
Shell
StructuresCurrent section
24
Headers
Workspace
Shell
Record
Surfaces36 documented routes
Admin
Data
Experience
Forms
Operations
Workspace
Verticals3 documented routes
Platform
Bit Hire
Evnto
Playground1 documented routes
Playground
Developers2 documented routes
Developers
14pxxl 18px
Density
normalBorder-light cards
Accent
Badge
roundedtop bar · solid dividers
Dashboard

Dashboard

Active profilePlatform Flagship
Runtime postureRottay / modern
Structures contains 3 documented entries.
Runtime controls
TenantRottay
EngineModern
Check 02scan rhythm
Check 03cross-module hierarchy
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 pairingsUse these as the supporting task and route layers when you audit whether the structure is carrying the right amount of page chrome.
Patterns
stats gridschartsinsight panels
Surfaces
DashboardSurfaceOperationalSurfaceVisualizationSurface
Structure 01

StatsHeader

3 engines
Row of key metric cards at the top of a dashboard
Audit withsignal framing
Pairs withstats grids
Usually lands inOpen detail
DashboardSurfaceclassicmodernrustic
Structure 02

DataTerminalCard

3 engines
Terminal-style card for raw data display
Audit withscan rhythm
Pairs withcharts
Usually lands inOpen detail
OperationalSurfaceclassicmodernrustic
Structure 03

DashboardInsights

3 engines
Insights panel with AI-generated observations and metrics
Audit withcross-module hierarchy
Pairs withinsight panels
Usually lands inOpen detail
VisualizationSurfaceclassicmodernrustic
Dashboard
Stats Header
Data Terminal Card
Dashboard Insights
Feedback