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
49
24
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 · Surface Recipes · 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
Surfaces/Experience
9 surfacesSurface domain

Experience

Experience surfaces cover the branded, user-facing edges of the system where mood, trust, and product posture matter immediately.
Surface promise
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.
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.
Engines
Icons
Primitives93 documented routes
Display
Inputs
Feedback
Layout
Navigation
Overlay
Patterns49 documented routes
Data
Forms
Visualization
Communication
Feedback
Workflow
Navigation
Commerce
Customization
Identity
Shell
Structures24 documented routes
Headers
Workspace
Shell
Record
Dashboard
Feedback
SurfacesCurrent section
36
Admin
Data
Experience
Auth Surface
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
Experience

Experience

Active profilePlatform Flagship
Runtime postureRottay / modern
Surfaces contains 9 documented entries.
Runtime controls
TenantRottay
EngineModern
Route from this domain, then inspect a recipe
Surfaces
9
Page-level recipes in this domain
Engines
3
Classic, Modern, and Rustic must all stay coherent
Starter route
AuthSurface
/surfaces/experience/auth
brand fit
narrative clarity
call-to-action priority
Application still owns
content strategycopy tonefeature gating

AuthSurface

/surfaces/experience/auth
3 engines
Authentication pages (login, register, forgot password)
classicmodernrustic

ChatSurface

/surfaces/experience/chat
3 engines
Chat interface with message history and input
classicmodernrustic
3 engines
Rich content editor with toolbar and preview
classicmodernrustic
Chat Surface
Editor Surface
Empty State Surface
Marketing Surface
Media Surface
Notification Surface
Onboarding Surface
Pricing Surface
Forms
Operations
Workspace

EditorSurface

/surfaces/experience/editor

EmptyStateSurface

/surfaces/experience/empty-state
3 engines
Full-page empty state with illustration and CTA
classicmodernrustic

MarketingSurface

/surfaces/experience/marketing
3 engines
Marketing landing page layout
classicmodernrustic

MediaSurface

/surfaces/experience/media
3 engines
Media gallery with lightbox and metadata
classicmodernrustic

NotificationSurface

/surfaces/experience/notification
3 engines
Notification center page with preferences
classicmodernrustic

OnboardingSurface

/surfaces/experience/onboarding
3 engines
Guided onboarding flow with checklist
classicmodernrustic

PricingSurface

/surfaces/experience/pricing
3 engines
Pricing page with plan comparison and checkout
classicmodernrustic