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
36
Admin
Data
Experience
Forms
Operations
Workspace
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 · Tenant Showcase · 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
Evnto

Evnto

Active profilePlatform Flagship
Runtime postureRottay / modern
Event-product flows showing how the system flexes for experience-heavy UIs.
Runtime controls
TenantRottay
Evnto
Tenant showcase
Rottay / modern / Platform Flagship

Evnto should feel like a polished event platform with commercial energy, not a gallery of isolated venue widgets.

Venue, ticketing, and live-operations semantics stay intact here. What should change is the rendering language, so the same event surfaces remain premium, legible, and commercially credible when the showroom runtime changes.Active provider: Rottay, modern, Platform Flagship. The shell below should prove that atmosphere survives without relying on light-page assumptions.
Coverage
27 demosAcross 8 event workflows that need to feel like one product system.
Tone
Premium energyExpressive framing without sacrificing legibility or urgency.
Priority
Operations + revenueLive events demand both polish and control at the same time.
Proof point

Atmosphere with discipline

Evnto should feel expressive and premium without losing operational clarity under any runtime.
Proof point

Revenue and operations together

Ticketing, venue, and finance moments need to feel connected instead of siloed or demo-like.
Runtime
Platform
Rottay
Primary
Radius
Density
Compact runtime evidence across 3+ token signals.
Audit strip
Spectacle only where it frames
Live-event pressure stays readable
Commercial tone with operational readiness
Premium in dark or light

Live product moments

These frames are real DS surfaces and should read convincingly under every tenant runtime.
Live DS runtime below
2 supporting frames
8 categories
Primitives97 documented routes
Patterns48 documented routes
Structures21 documented routes
Surfaces36 documented routes
VerticalsCurrent section
3
Platform
Bit Hire
Evnto
Playground1 documented routes
Developers2 documented routes
roundedtop bar · solid dividers
EngineModern
Proof point

Live-event confidence

The UI has to stay legible when timing, capacity, and people pressure all spike, including in dark-first Rottay.
Active runtime

Rottay is styling this evnto scenario.

The workflow lens belongs to Evnto. The surrounding chrome, contrast, chart emphasis, and surface temperature must all adapt to the active provider, including dark-first Rottay.
Rottay / ModernPlatform Flagship
#0A0A0ASecondary #6B6B6B
14pxxl 18px
normalBorder-light cards
Live frame

Operations dashboard

The live heartbeat of an event: capacity, velocity, revenue, attendee flow, and day-of execution.
Live ops
Live DS runtime
No local skin override
Rottay / modern / Platform Flagship
Live event pulse
Rottay
modern

Neon Nights operations dashboard

Capacity, revenue, hospitality, and showtime coordination rendered through the active DS runtime instead of a local mock skin.
Tonight at a glance
Doors7:15 PMVIP + guest-list arrival window
Headliner8:45 PMMain-floor density will spike fast
Last release250Tickets left in final public drop
The page should feel premium enough for an event brand, but the operational priority still has to read instantly.
+12%
2,340of 3,000 capacity
Tickets sold

What to inspect here

Whether commercial and operational signals share one visual language.
Whether premium framing still leaves room for urgent controls.
Whether status, capacity, and revenue can be read at a glance.
Coverage snapshotTicketing, venue, staff, and analytics should all feel like one live-event system with different moods.
Read it like a product screenStart with the task, then validate whether runtime only changes mood, chrome, and emphasis instead of rewriting the workflow semantics.
Supporting product surfacesThese companion frames should reinforce the same product story instead of reading like isolated component snapshots.
Live frame

Ticket tier builder

Where monetization strategy becomes a usable control surface for pricing, inventory, and launch planning.
Ticketing
Live DS runtime
No local skin override
Rottay / modern / Platform Flagship
Ticketing ops
Rottay

Ticket tier builder

Pricing strategy, inventory release, and launch pressure should read like one commercial control surface, not three disconnected inputs.
Revenue postureDynamic release liveShowcase should feel premium while still making margin decisions obvious.
Tier type
Price
Inventory cap
Promo window
Last simulated sell-through update · 4 minutes ago
Live frame

Venue zone overview

Spatial planning that still feels premium and easy to read under real operational pressure.
Venue
Live DS runtime
No local skin override
Rottay / modern / Platform Flagship
Venue control
Rottay

Club Neon spatial overview

Real-time occupancy, zone pressure, and event cadence rendered through the active DS runtime.
Venue readiness92%Only the VIP lounge staffing assignment remains unresolved.
Venue capacity2,340Across main floor, VIP, service, and arrival lanes.
Current occupancy1,45762% of total venue headcount is already on-site.
Hot zones2 zonesVIP and bar east need active monitoring during doors.
Category explorer

Category routes

Use these cards to open event-specific lanes with deeper scenario inventory and component proof.
4 demos

Event Management

Event setup, scheduling, programming, and recurrence.
Scenario lens
Programming the event itself
Open focused appendixDive into 4 scenario rows with stable product framing./verticals/evnto/event-management
3 demos

Venue

Venue profiles, floor plans, capacity, and availability.
Scenario lens
Spatial planning and capacity control
Open focused appendixDive into 3 scenario rows with stable product framing./verticals/evnto/venue
4 demos

Ticketing

Ticket tiers, pricing rules, promo logic, and launch readiness.
Scenario lens
Monetization and launch readiness
+8.2%
$78.4Kthis event
Revenue
80.7%
1,890current throughput
Check-ins
+0.3
4.7post-session pulse
Avg rating
Experience pulseSignals that make Evnto feel like live entertainment rather than a generic ops board.
Commercial + showtime
Floor energyHighGA demand is arriving faster than forecast in the last 30 minutes.
Sponsor pulseOn trackHospitality reset is green once VIP host handoff lands.
Merch queue12 minAcceptable, but it climbs fast once the headline act starts.

Venue capacity

Current occupancy versus safe operating threshold.
Peak window approaching

Gauge chart containing 3 data items. Current value: 78% (Moderate). Range: 0 to 100.

Use arrow keys to move through summary items, Home to jump to the first item, and End to jump to the last item.

Active data point: Metric: Current value, Value: 78%

  • Metric: Current value, Value: 78%
  • Metric: Range, Value: 0 - 100
  • Metric: Status, Value: Moderate
  • Metric: Low, Value: 0 to 50
  • Metric: Moderate, Value: 50 to 80
  • Metric: High, Value: 80 to 100
Gauge chart data summary
MetricValue
Current value78%
Range0 - 100
StatusModerate
Low0 to 50
Moderate50 to 80
High80 to 100
Gauge chart showing 78%Gauge chart containing 3 data items. Current value: 78% (Moderate). Range: 0 to 100.
Floor releaseOn scheduleMain-floor density is rising in line with door cadence.
VIP loungeWatch staffingOne more host keeps hospitality from bottlenecking.
Ingress pressureBalancedArrival lane can absorb the next 15-minute traffic wave.

Ticket sales velocity

Daily ticket movement in the final two weeks before doors open.
Momentum building

Area chart containing 14 data items. Independent series. X axis: Day. Y axis: Tickets.

Use arrow keys to move through summary items, Home to jump to the first item, and End to jump to the last item.

Active data point: Series: Tickets, X: Day 1, Y: 42

  • Series: Tickets, X: Day 1, Y: 42
  • Series: Tickets, X: Day 2, Y: 58
  • Series: Tickets, X: Day 3, Y: 73
  • Series: Tickets, X: Day 4, Y: 65
  • Series: Tickets, X: Day 5, Y: 89
  • Series: Tickets, X: Day 6, Y: 112
  • Series: Tickets, X: Day 7, Y: 134
  • Series: Tickets, X: Day 8, Y: 98
  • Series: Tickets, X: Day 9, Y: 156
  • Series: Tickets, X: Day 10, Y: 178
  • Series: Tickets, X: Day 11, Y: 201
  • Series: Tickets, X: Day 12, Y: 245
  • Series: Tickets, X: Day 13, Y: 289
  • Series: Tickets, X: Day 14, Y: 340
Area chart data summary
SeriesXY
TicketsDay 142
TicketsDay 258
TicketsDay 373
TicketsDay 465
TicketsDay 589
TicketsDay 6112
TicketsDay 7134
TicketsDay 898
TicketsDay 9156
TicketsDay 10178
TicketsDay 11201
TicketsDay 12245
TicketsDay 13289
TicketsDay 14340
Area chartArea chart containing 14 data items. Independent series. X axis: Day. Y axis: Tickets.
Tickets

Run of show

Crew rhythm
VIP doors6:30 PMGuest list, bottle service, and hospitality teams go live together.
Ready
Front-of-house
Main floor open7:15 PMCrowd routing shifts from arrival lane to bar and floor circulation.
Ready
Venue ops
Headline soundcheck8:10 PMKeep camera pit and sponsor lounge isolated during rehearsal pass.
Watch
Production
Sponsor hospitality reset8:45 PMFinal host coverage and table labels need confirmation before peak.
Watch
Partner team

Afterglow signals

Merch bundle attach rate is strongest during the second support act.
Post-session rating is trending above the last three sold-out events.
Sponsor lounge sentiment is strong enough to justify extending premium access next cycle.
Dynamic pricingRaise or hold price as velocity changes.
Waitlist unlockAuto-open overflow demand when churn spikes.
Inventory ladderVIP 82% sold · GA 54% sold · Tables 6 left
Conversion readVIP tier outpacing forecast by 18% this cycle

Zone layout

Main floor
open
1,120/ 1,500
75% occupied380 spots left
VIP lounge
watch
185/ 200
93% occupied15 spots left
Bar east
full
120/ 120
100% occupied0 spots left
Arrival lane
open
32/ 80
40% occupied48 spots left

Ops watchlist

VIP lounge staffing needs one more host before doors.
Bar east is at hard capacity and should redirect overflow to west service.
Arrival lane throughput is healthy and can absorb the next traffic wave.

Event schedule density

Event activity over the last 12 weeks, used to plan staffing and venue utilization.
Event schedule

Calendar heatmap containing 134 data items. Date range: 2026-02-01 to 2026-06-13.

Use arrow keys to move through summary items, Home to jump to the first item, and End to jump to the last item.

Active data point: Date: 2026-02-01, Value: 3

  • Date: 2026-02-01, Value: 3
  • Date: 2026-02-02, Value: 3
  • Date: 2026-02-03, Value: 5
  • Date: 2026-02-04, Value: 2
  • Date: 2026-02-05, Value: 4
  • Date: 2026-02-06, Value: 3
  • Date: 2026-02-07, Value: 5
  • Date: 2026-02-08, Value: 7
  • Date: 2026-02-09, Value: 2
  • Date: 2026-02-10, Value: 4
  • Date: 2026-02-12, Value: 3
  • Date: 2026-02-13, Value: 7
  • Date: 2026-02-14, Value: 4
  • Date: 2026-02-15, Value: 6
  • Date: 2026-02-17, Value: 3
  • Date: 2026-02-18, Value: 5
  • Date: 2026-02-19, Value: 2
  • Date: 2026-02-20, Value: 6
  • Date: 2026-02-21, Value: 3
  • Date: 2026-02-22, Value: 5
  • Date: 2026-02-23, Value: 5
  • Date: 2026-02-24, Value: 2
  • Date: 2026-02-25, Value: 4
  • Date: 2026-02-27, Value: 5
  • Date: 2026-02-28, Value: 7
  • Date: 2026-03-01, Value: 4
  • Date: 2026-03-02, Value: 4
  • Date: 2026-03-04, Value: 3
  • Date: 2026-03-05, Value: 5
  • Date: 2026-03-06, Value: 4
  • Date: 2026-03-07, Value: 6
  • Date: 2026-03-08, Value: 3
  • Date: 2026-03-09, Value: 3
  • Date: 2026-03-10, Value: 5
  • Date: 2026-03-11, Value: 2
  • Date: 2026-03-12, Value: 4
  • Date: 2026-03-13, Value: 3
  • Date: 2026-03-14, Value: 5
  • Date: 2026-03-15, Value: 7
  • Date: 2026-03-16, Value: 2
  • Date: 2026-03-17, Value: 4
  • Date: 2026-03-19, Value: 3
  • Date: 2026-03-20, Value: 7
  • Date: 2026-03-21, Value: 4
  • Date: 2026-03-22, Value: 6
  • Date: 2026-03-24, Value: 3
  • Date: 2026-03-25, Value: 5
  • Date: 2026-03-26, Value: 2
  • Date: 2026-03-27, Value: 6
  • Date: 2026-03-28, Value: 3
Event schedule data summary
DateValue
2026-02-013
2026-02-023
2026-02-035
2026-02-042
2026-02-054
2026-02-063
2026-02-075
2026-02-087
2026-02-092
2026-02-104
2026-02-123
2026-02-137
2026-02-144
2026-02-156
2026-02-173
2026-02-185
2026-02-192
2026-02-206
2026-02-213
2026-02-225
2026-02-235
2026-02-242
2026-02-254
2026-02-275
2026-02-287
2026-03-014
2026-03-024
2026-03-043
2026-03-055
2026-03-064
2026-03-076
2026-03-083
2026-03-093
2026-03-105
2026-03-112
2026-03-124
2026-03-133
2026-03-145
2026-03-157
2026-03-162
2026-03-174
2026-03-193
2026-03-207
2026-03-214
2026-03-226
2026-03-243
2026-03-255
2026-03-262
2026-03-276
2026-03-283
Event scheduleCalendar heatmap containing 134 data items. Date range: 2026-02-01 to 2026-06-13.
Open focused appendixDive into 4 scenario rows with stable product framing./verticals/evnto/ticketing
3 demos

Operations

Checklists, vendor coordination, and day-of timeline control.
Scenario lens
Showtime reliability and execution
Open focused appendixDive into 3 scenario rows with stable product framing./verticals/evnto/operations
3 demos

Staff

Staff scheduling, roles, shifts, and live check-in.
Scenario lens
Ground-team orchestration
Open focused appendixDive into 3 scenario rows with stable product framing./verticals/evnto/staff
3 demos

Finance

Revenue, expenses, settlements, and event economics.
Scenario lens
Commercial clarity and reconciliation
Open focused appendixDive into 3 scenario rows with stable product framing./verticals/evnto/finance
3 demos

Engagement

Polls, social surfaces, feedback loops, and attendee energy.
Scenario lens
Audience momentum and participation
Open focused appendixDive into 3 scenario rows with stable product framing./verticals/evnto/engagement
4 demos

Analytics

Attendance, revenue, and engagement hindsight.
Scenario lens
Operational and commercial hindsight
Open focused appendixDive into 4 scenario rows with stable product framing./verticals/evnto/analytics