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
48
Data
Forms
Visualization
Communication
Workflow
Navigation
Misc
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 · Page Structure · 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
Dashboard

Dashboard

Active profilePlatform Flagship
Runtime postureRottay / modern
Structures contains 3 documented entries.
Runtime controls
TenantRottay
Structures/Dashboard
3 structures
Structure group

Dashboard

Dashboard structures organize insight-heavy screens so signal lands before ornament.
Audit lens
Review hierarchy before chrome polish
Check 01signal framing
Check 02scan rhythm
Check 03cross-module hierarchy
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 grids
charts
insight panels
Surfaces
DashboardSurface
OperationalSurface
VisualizationSurface
Catalog
signal framing
scan rhythm
cross-module hierarchy

Exports

Structure docs in this group, with their primary audit lens and the route contexts they usually support.
Primitives97 documented routes
Patterns48 documented routes
StructuresCurrent section
21
Headers
Workspace
Record
Dashboard
Stats Header
Data Terminal Card
Dashboard Insights
Feedback
Surfaces36 documented routes
Verticals3 documented routes
Playground1 documented routes
Developers2 documented routes
roundedtop bar · solid dividers
EngineModern
Structures
3
Exports indexed in this group.
Patterns
3
Common task layers these structures frame.
Surfaces
3
Route contracts where this group usually lands.
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
DashboardSurface
classic
modern
rustic
Structure 02

DataTerminalCard

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

DashboardInsights

3 engines
Insights panel with AI-generated observations and metrics
Audit withcross-module hierarchy
Pairs withinsight panels
Usually lands inOpen detail
VisualizationSurface
classic
modern
rustic