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
Headers

Headers

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

Headers

Header structures set context, count, status, and top-level actions before the user scans deeper modules.
Audit lens
Review hierarchy before chrome polish
Check 01context at a glance
Check 02action priority
Check 03density without clutter
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
detail panels
commands
Surfaces
DashboardSurface
ListSurface
DetailSurface
Catalog
context at a glance
action priority
density without clutter

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
Collection Header
Dashboard Header
Detail Header
Edit Header
Form Header
Workspace
Record
Dashboard
Feedback
Surfaces36 documented routes
Verticals3 documented routes
Playground1 documented routes
Developers2 documented routes
roundedtop bar · solid dividers
EngineModern
Structures
5
Exports indexed in this group.
Patterns
3
Common task layers these structures frame.
Surfaces
3
Route contracts where this group usually lands.
Structure 01

CollectionHeader

3 engines
Header for collection/list pages with title, count, and actions
Audit withcontext at a glance
Pairs withstats grids
Usually lands inOpen detail
DashboardSurface
classic
modern
rustic
Structure 02

DashboardHeader

3 engines
Header for dashboard pages with date range and refresh
Audit withaction priority
Pairs withdetail panels
Usually lands inOpen detail
ListSurface
classic
modern
rustic
Structure 03

DetailHeader

3 engines
Header for detail/record pages with breadcrumb and status
DetailSurface
classic
modern
rustic
Audit withdensity without clutter
Pairs withcommands
Usually lands inOpen detail
Structure 04

EditHeader

3 engines
Header for edit pages with save/cancel actions
Audit withcontext at a glance
Pairs withstats grids
Usually lands inOpen detail
DashboardSurface
classic
modern
rustic
Structure 05

FormHeader

3 engines
Header for form pages with step indicator and submit
Audit withaction priority
Pairs withdetail panels
Usually lands inOpen detail
ListSurface
classic
modern
rustic