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
24
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 · Pattern Library · 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
Patterns/Shell
Reusable composites3 patterns

Shell

Shell patterns prove a page can be framed consistently before any content, data, or permissions resolve.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.
Catalog
3 indexed

Browse patterns

Open a pattern to inspect live DS treatment, engine coverage, and where it fits in the broader system.
Engines
Icons
Primitives93 documented routes
Display
Inputs
Feedback
Layout
Navigation
Overlay
PatternsCurrent section
49
Data
Forms
Visualization
Communication
Structures24 documented routes
Headers
Workspace
Shell
Record
Dashboard
Feedback
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
Shell

Shell

Active profilePlatform Flagship
Runtime postureRottay / modern
Patterns contains 3 documented entries.
Runtime controls
TenantRottay
EngineModern
Patterns
3
Indexed in this group
Inspect first
chrome consistency
Suggested first evaluation lens
Common surface
DashboardSurface
Typical landing context
Audit lens

What to evaluate

Judge the group by reusable behavior and operator clarity before admiring individual modules.
chrome consistency
loading-state grace
cross-density adaptability
Structure pairings

Common structure pairing

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

Typical surfaces

These are the route-level homes where this group usually proves its value.
Fastest entry
3 picks

Start with these

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

CockpitHeader

3/3 engines
Dense header for operational dashboards
Evaluatechrome consistency
classic
modern
rustic
Open Reference
Pattern

PageShell

3/3 engines
Page-level shell with sidebar and header slots
Evaluateloading-state grace
classic
modern
rustic
Open Reference
Pattern

WorkbenchHeader

3/3 engines
Header for workbench-style pages with tabs and actions
Evaluatecross-density adaptability
classic
modern
rustic
Open Reference
Feedback
Workflow
Navigation
Commerce
Customization
Identity
Shell
Cockpit Header
Page Shell
Workbench Header
DashboardSurface
CollectionWorkspaceSurface
RecordWorkbenchSurface
CockpitHeaderDense header for operational dashboards
PageShellPage-level shell with sidebar and header slots
WorkbenchHeaderHeader for workbench-style pages with tabs and actions