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
21
Headers
Workspace
Record
Dashboard
Feedback
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 · Pattern Library · 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
Misc

Misc

Active profilePlatform Flagship
Runtime postureRottay / modern
Patterns contains 10 documented entries.
Runtime controls
TenantRottay
Patterns/Misc
Reusable composites
10 patterns

Misc

Misc patterns collect high-signal composite pieces that still need strong documentation because they shape perceived polish fast.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.
Patterns
10
Indexed in this group
Inspect first
cohesion
Suggested first evaluation lens
Common surface
MarketingSurface
Typical landing context
Catalog
10 indexed

Browse patterns

Open a pattern to inspect live DS treatment, engine coverage, and where it fits in the broader system.
Primitives97 documented routes
PatternsCurrent section
48
Data
Forms
Visualization
Communication
Workflow
Navigation
Branding Preview Sandbox
Cockpit Header
Empty State
File Manager
Page Shell
Pricing Table
Tenant Preview
Token Inspector
User Profile Card
Workbench Header
Structures21 documented routes
Surfaces36 documented routes
Verticals3 documented routes
Playground1 documented routes
Developers2 documented routes
roundedtop bar · solid dividers
EngineModern
Audit lens

What to evaluate

Judge the group by reusable behavior and operator clarity before admiring individual modules.
cohesion
surface readiness
brand adaptability
Structure pairings

Common structure pairing

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

Typical surfaces

These are the route-level homes where this group usually proves its value.
MarketingSurface
ProfileSurface
PricingSurface
Fastest entry
4 picks

Start with these

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

BrandingPreviewSandbox

3/3 engines
Live preview sandbox for brand theme changes
Evaluatecohesion
classic
modern
rustic
Open Reference
Pattern

CockpitHeader

3/3 engines
Dense header for operational dashboards
Evaluatesurface readiness
classic
modern
rustic
Open Reference
Pattern

EmptyState

3/3 engines
Illustrated empty state with call-to-action
Evaluatebrand adaptability
classic
modern
rustic
Open Reference
Pattern

FileManager

3/3 engines
File browser with tree navigation and preview
Evaluatecohesion
classic
modern
rustic
Open Reference
Pattern

PageShell

3/3 engines
Page-level shell with sidebar and header slots
Evaluatesurface readiness
classic
modern
rustic
Open Reference
Pattern

PricingTable

3/3 engines
Plan comparison table with feature matrix
Evaluatebrand adaptability
classic
modern
rustic
Open Reference
Pattern

TenantPreview

3/3 engines
Tenant branding preview card
Evaluatecohesion
classic
modern
rustic
Open Reference
Pattern

TokenInspector

3/3 engines
Developer tool for inspecting active design tokens
Evaluatesurface readiness
classic
modern
rustic
Open Reference
Pattern

UserProfileCard

3/3 engines
Compact user profile card with avatar and actions
Evaluatebrand adaptability
classic
modern
rustic
Open Reference
Pattern

WorkbenchHeader

3/3 engines
Header for workbench-style pages with tabs and actions
Evaluatecohesion
classic
modern
rustic
Open Reference
Misc
BrandingPreviewSandboxLive preview sandbox for brand theme changes
CockpitHeaderDense header for operational dashboards
EmptyStateIllustrated empty state with call-to-action
FileManagerFile browser with tree navigation and preview