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
Communication

Communication

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

Communication

Communication patterns carry messaging, presence, alerts, and review loops that need to feel live but never noisy.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
6
Indexed in this group
Inspect first
conversation clarity
Suggested first evaluation lens
Common surface
ChatSurface
Typical landing context
Catalog
6 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
Activity Log
Assistant
Comment Thread
Live Feed
Notification Center
Presence
Workflow
Navigation
Misc
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.
conversation clarity
status readability
response hierarchy
Structure pairings

Common structure pairing

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

Typical surfaces

These are the route-level homes where this group usually proves its value.
ChatSurface
ActivitySurface
NotificationSurface
Fastest entry
4 picks

Start with these

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

ActivityLog

3/3 engines
Chronological feed of user and system activity
Evaluateconversation clarity
classic
modern
rustic
Open Reference
Pattern

Assistant

3/3 engines
AI chat assistant panel with message history
Evaluatestatus readability
classic
modern
rustic
Open Reference
Pattern

CommentThread

3/3 engines
Threaded comment discussion with replies
Evaluateresponse hierarchy
classic
modern
rustic
Open Reference
Pattern

LiveFeed

3/3 engines
Real-time event feed with streaming updates
Evaluateconversation clarity
classic
modern
rustic
Open Reference
Pattern

NotificationCenter

3/3 engines
Notification inbox with read/unread and categories
Evaluatestatus readability
classic
modern
rustic
Open Reference
Pattern

Presence

3/3 engines
Online presence indicators and typing status
Evaluateresponse hierarchy
classic
modern
rustic
Open Reference
ActivityLogChronological feed of user and system activity
AssistantAI chat assistant panel with message history
CommentThreadThreaded comment discussion with replies
LiveFeedReal-time event feed with streaming updates