Density normal Platform Flagship
Landing
Playground
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
#0A0A0A Secondary #6B6B6B
Density
normal Border-light cards
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.
Components
19
Indexed in this category
Runtime
3 engines
Classic, Modern, Rustic
Inspect first
legibility
Suggested first comparison lens
Browse components Open a component to inspect usage guidance, live preview coverage, and engine support without losing the category context.
Primitives Current section
Patterns 48 documented routes
Structures 21 documented routes
Surfaces 36 documented routes
Verticals 3 documented routes
Playground 1 documented routes
Developers 2 documented routes
rounded top bar · solid dividers
Rottay
Modern
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. Inspect first legibility
Engine support Full runtime coverage
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. Inspect first fallback states
Engine support Full runtime coverage
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. Inspect first content density
Engine support Full runtime coverage
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. Inspect first legibility
Engine support Full runtime coverage
Contained surface for grouping related content Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Inspect first fallback states
Engine support Full runtime coverage
Primitive
Carousel 3/3 engines
Horizontally scrollable set of slides Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Inspect first content density
Engine support Full runtime coverage
Primitive
Descriptions 3/3 engines
Key-value list for displaying metadata fields Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Inspect first legibility
Engine support Full runtime coverage
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. Inspect first fallback states
Engine support Full runtime coverage
Primitive
Image 3/3 engines
Responsive image with lazy loading and fallback Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Inspect first content density
Engine support Full runtime coverage
Keyboard shortcut indicator Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Inspect first legibility
Engine support Full runtime coverage
Ordered or unordered list with optional actions Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Inspect first fallback states
Engine support Full runtime coverage
Primitive
QRCode 3/3 engines
QR code generator for URLs or text Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Inspect first content density
Engine support Full runtime coverage
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. Inspect first legibility
Engine support Full runtime coverage
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. Inspect first fallback states
Engine support Full runtime coverage
Compact label for categorization or filtering Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Inspect first content density
Engine support Full runtime coverage
Primitive
Timeline 3/3 engines
Vertical sequence of chronological events Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Inspect first legibility
Engine support Full runtime coverage
Primitive
Tooltip 3/3 engines
Contextual popup shown on hover or focus Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Inspect first fallback states
Engine support Full runtime coverage
Hierarchical tree structure with expand/collapse Headline, support, and metadata stay legible. Quiet information density without losing hierarchy. Inspect first content density
Engine support Full runtime coverage
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. Inspect first legibility
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.