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
21
Headers
Workspace
Record
Dashboard
Feedback
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 · Surface Recipes · 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
Data

Data

Active profilePlatform Flagship
Runtime postureRottay / modern
Surfaces contains 7 documented entries.
Runtime controls
Surfaces/Data
7 surfaces
Surface domain

Data

Data surfaces package lists, dashboards, reports, and comparison flows into page-level recipes for analytical work.
Surface promise
Route from this domain, then inspect a recipe
Signal should land before ornament: the page needs a clear path from overview to inspection to action.
Review checklist

Audit the domain before a single recipe

The point of this landing is to judge route posture first, then decide which concrete surface earns a closer inspection.
query-state clarity
scan rhythm
summary-to-detail movement
Application still owns
fetching
aggregation
routing and filters
Catalog
7 routes

Browse recipes in Data

Open a concrete surface once the domain promise is clear. This landing should route by screen intent first, not by component trivia.
Primitives97 documented routes
Patterns48 documented routes
Structures21 documented routes
SurfacesCurrent section
36
Admin
Data
Compare Surface
Dashboard Surface
Detail Surface
List Surface
Report Surface
Search Surface
Visualization Surface
Experience
Forms
Operations
Workspace
Verticals3 documented routes
Playground1 documented routes
Developers2 documented routes
roundedtop bar · solid dividers
TenantRottay
EngineModern
Surfaces
7
Page-level recipes in this domain
Engines
3
Classic, Modern, and Rustic must all stay coherent
Starter route
CompareSurface
/surfaces/data/compare

CompareSurface

/surfaces/data/compare
3 engines
Side-by-side comparison of records or versions
classic
modern
rustic

DashboardSurface

/surfaces/data/dashboard
3 engines
Metrics dashboard with charts and stat cards
classic
modern
rustic

DetailSurface

/surfaces/data/detail
3 engines
Single record detail view with tabs and related data
classic
modern
rustic

ListSurface

/surfaces/data/list
3 engines
Paginated list view with search, filter, sort, and bulk actions
classic
modern
rustic

ReportSurface

/surfaces/data/report
3 engines
Report page with charts, tables, and export
classic
modern
rustic

SearchSurface

/surfaces/data/search
3 engines
Full-text search results page with faceted filters
classic
modern
rustic

VisualizationSurface

/surfaces/data/visualization
3 engines
Data visualization page with chart configurator
classic
modern
rustic