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
Experience

Experience

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

Experience

Experience surfaces cover the branded, user-facing edges of the system where mood, trust, and product posture matter immediately.
Surface promise
Route from this domain, then inspect a recipe
These routes should feel product-ready at first glance while still proving the DS can carry real UX, not just marketing chrome.
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.
brand fit
narrative clarity
call-to-action priority
Application still owns
content strategy
copy tone
feature gating
Catalog
9 routes

Browse recipes in Experience

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
Experience
Auth Surface
Chat Surface
Editor Surface
Empty State Surface
Marketing Surface
Media Surface
Notification Surface
Onboarding Surface
Pricing Surface
Forms
Operations
Workspace
Verticals3 documented routes
Playground1 documented routes
Developers2 documented routes
roundedtop bar · solid dividers
TenantRottay
EngineModern
Surfaces
9
Page-level recipes in this domain
Engines
3
Classic, Modern, and Rustic must all stay coherent
Starter route
AuthSurface
/surfaces/experience/auth

AuthSurface

/surfaces/experience/auth
3 engines
Authentication pages (login, register, forgot password)
classic
modern
rustic

ChatSurface

/surfaces/experience/chat
3 engines
Chat interface with message history and input
classic
modern
rustic

EditorSurface

/surfaces/experience/editor
3 engines
Rich content editor with toolbar and preview
classic
modern
rustic

EmptyStateSurface

/surfaces/experience/empty-state
3 engines
Full-page empty state with illustration and CTA
classic
modern
rustic

MarketingSurface

/surfaces/experience/marketing
3 engines
Marketing landing page layout
classic
modern
rustic

MediaSurface

/surfaces/experience/media
3 engines
Media gallery with lightbox and metadata
classic
modern
rustic

NotificationSurface

/surfaces/experience/notification
3 engines
Notification center page with preferences
classic
modern
rustic

OnboardingSurface

/surfaces/experience/onboarding
3 engines
Guided onboarding flow with checklist
classic
modern
rustic

PricingSurface

/surfaces/experience/pricing
3 engines
Pricing page with plan comparison and checkout
classic
modern
rustic