Premium Docs
Design System Showroom Density normal Platform Flagship
Landing
Playground
Navigator Library map
8 sections 212 routes
Foundations first, then primitives, patterns, structures, and surfaces. Keep this rail legible enough to scan without hunting. Runtime fingerprint Token readout from the active provider chain.
Live DS Runtime
Rottay / Modern Platform Flagship
Primary
#FFFFFF Secondary #A0A0A5
Compact runtime evidence across 3+ token signals.
Display Display primitives carry meaning, hierarchy, and quiet density without forcing product teams to rebuild visual semantics from scratch. Outcome Use this category to prove the system can present information with polish before layout or workflow logic enters the room.
Browse components Open a component to inspect usage guidance, live preview coverage, and engine support without losing the category context.
Primitives Current section
93 Patterns 49 documented routes
Structures 24 documented routes
Surfaces 36 documented routes
Verticals 3 documented routes
Playground 1 documented routes
Developers 2 documented routes
rounded top bar · solid dividers
Display
Display Active profile Platform Flagship
Runtime posture Rottay / modern
Primitives contains 19 documented entries. Components
19
Indexed in this category
Runtime
3 engines
Classic, Modern, Rustic
Inspect first
legibility
Suggested first comparison lens
Where this category earns its keep Use these screens first when you want evidence of hierarchy, responsiveness, and runtime polish.
dashboards metadata panels detail views
What to inspect Compare one quality lens at a time so the category does not collapse into generic component browsing.
legibility
fallback states
content density
Start with these These references are the quickest way to see live DS behavior in this category before you branch into the full index.
Primitive
Avatar 3/3 engines User or entity avatar with image, initials, or icon fallback Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Primitive
Badge 3/3 engines Small count or status indicator attached to another element Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Primitive
Calendar 3/3 engines Date calendar panel for date selection and display Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Primitive
Callout 3/3 engines Highlighted block for tips, warnings, or important notes Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Contained surface for grouping related content Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Primitive
Carousel 3/3 engines Horizontally scrollable set of slides Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Primitive
Descriptions 3/3 engines Key-value list for displaying metadata fields Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Primitive
Empty 3/3 engines Placeholder shown when a container has no data Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Primitive
Image 3/3 engines Responsive image with lazy loading and fallback Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Keyboard shortcut indicator Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Ordered or unordered list with optional actions Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Primitive
QRCode 3/3 engines QR code generator for URLs or text Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Primitive
Statistic 3/3 engines Large numeric value with label and optional trend Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Primitive
Table 3/3 engines Basic data table primitive with rows and columns Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Compact label for categorization or filtering Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Primitive
Timeline 3/3 engines Vertical sequence of chronological events Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Primitive
Tooltip 3/3 engines Contextual popup shown on hover or focus Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Hierarchical tree structure with expand/collapse Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Primitive
Typography 3/3 engines Text rendering with heading, paragraph, and inline styles Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Badge Small count or status indicator attached to another element
Calendar Date calendar panel for date selection and display
Callout Highlighted block for tips, warnings, or important notes
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first fallback states
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first content density
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first fallback states
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first content density
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first fallback states
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first content density
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first fallback states
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first content density
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first fallback states
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first content density
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first fallback states
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Inspect first content density
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.