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
36
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 · Tenant Showcase · 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
EvntoTenant showcaseRottay / 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.
Operations + revenueLive events demand both polish and control at the same time.
Live DS runtime below
2 supporting frames
8 categories
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
Surfaces36 documented routes
Admin
Data
Experience
Forms
Operations
Workspace
VerticalsCurrent section
3
Platform
Bit Hire
Evnto
Playground1 documented routes
Playground
Developers2 documented routes
Developers
14pxxl 18px
Density
normalBorder-light cards
Accent
Badge
roundedtop bar · solid dividers
Evnto

Evnto

Active profilePlatform Flagship
Runtime postureRottay / modern
Event-product flows showing how the system flexes for experience-heavy UIs.
Runtime controls
TenantRottay
EngineModern
Priority
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.
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.
Runtime
PlatformRottay
Rottay / ModernPlatform Flagship
Primary
#FFFFFFSecondary #A0A0A5
Radius
Compact runtime evidence across 3+ token signals.

Live product moments

These frames are real DS surfaces and should read convincingly under every tenant runtime.
Live frame

Operations dashboard

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

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
The page should feel premium enough for an event brand, but the operational priority still has to read instantly.

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 runtimeNo local skin override
Rottay / modern / Platform Flagship
Ticketing opsRottay

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.
Live frame

Venue zone overview

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

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.
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
14pxxl 18px
Density
normalBorder-light cards
Audit strip
Spectacle only where it framesLive-event pressure stays readableCommercial tone with operational readinessPremium in dark or light
Doors7:15 PMVIP + guest-list arrival window
Headliner8:45 PMMain-floor density will spike fast
Last release250Tickets left in final public drop
+12%
2,340of 3,000 capacity
Tickets sold
+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 showing 78%

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.Low: 0 to 50Moderate: 50 to 80High: 80 to 10078%Capacity
Floor releaseOn scheduleMain-floor density is rising in line with door cadence.
VIP loungeWatch staffingOne more host keeps hospitality from bottlenecking.

Ticket sales velocity

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

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 chartDay 1Day 4Day 8Day 11Day 140100200250350DayTickets
Tickets

Run of show

Crew rhythm
VIP doors6:30 PMGuest list, bottle service, and hospitality teams go live together.
ReadyFront-of-house
Main floor open7:15 PMCrowd routing shifts from arrival lane to bar and floor circulation.
ReadyVenue ops
Headline soundcheck8:10 PMKeep camera pit and sponsor lounge isolated during rehearsal pass.
WatchProduction

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.
Tier type
Price
Inventory cap
Promo window
Dynamic pricingRaise or hold price as velocity changes.
Waitlist unlockAuto-open overflow demand when churn spikes.
Last simulated sell-through update · 4 minutes ago
Inventory ladderVIP 82% sold · GA 54% sold · Tables 6 left
Conversion readVIP tier outpacing forecast by 18% this cycle
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.

Zone layout

Main flooropen
1,120/ 1,500
75% occupied380 spots left
VIP loungewatch
185/ 200
93% occupied15 spots left
Bar eastfull

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.
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
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
Ingress pressureBalancedArrival lane can absorb the next 15-minute traffic wave.
Sponsor hospitality reset8:45 PMFinal host coverage and table labels need confirmation before peak.
WatchPartner team
120/ 120
100% occupied0 spots left
Arrival laneopen
32/ 80
40% occupied48 spots left
Event schedule

Calendar heatmap containing 184 data items. Date range: 2026-02-01 to 2026-08-02.

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 scheduleMonWedFriFebMarAprMayJunJulAug2026-02-01: 32026-02-02: 32026-02-03: 52026-02-04: 22026-02-05: 42026-02-06: 32026-02-07: 52026-02-08: 72026-02-09: 22026-02-10: 42026-02-11: No activity2026-02-12: 32026-02-13: 72026-02-14: 42026-02-15: 62026-02-16: No activity2026-02-17: 32026-02-18: 52026-02-19: 22026-02-20: 62026-02-21: 32026-02-22: 52026-02-23: 52026-02-24: 22026-02-25: 42026-02-26: No activity2026-02-27: 52026-02-28: 72026-03-01: 42026-03-02: 42026-03-03: No activity2026-03-04: 32026-03-05: 52026-03-06: 42026-03-07: 62026-03-08: 32026-03-09: 32026-03-10: 52026-03-11: 22026-03-12: 42026-03-13: 32026-03-14: 52026-03-15: 72026-03-16: 22026-03-17: 42026-03-18: No activity2026-03-19: 32026-03-20: 72026-03-21: 42026-03-22: 62026-03-23: No activity2026-03-24: 32026-03-25: 52026-03-26: 22026-03-27: 62026-03-28: 32026-03-29: 52026-03-30: 52026-03-31: 22026-04-01: 42026-04-02: No activity2026-04-03: 52026-04-04: 72026-04-05: 42026-04-06: 42026-04-07: No activity2026-04-08: 32026-04-09: 52026-04-10: 42026-04-11: 62026-04-12: 32026-04-13: 32026-04-14: 52026-04-15: 22026-04-16: 42026-04-17: 32026-04-18: 52026-04-19: 72026-04-20: 22026-04-21: 42026-04-22: No activity2026-04-23: 32026-04-24: 72026-04-25: 42026-04-26: No activity2026-04-27: No activity2026-04-28: No activity2026-04-29: No activity2026-04-30: No activity2026-05-01: No activity2026-05-02: No activity2026-05-03: No activity2026-05-04: No activity2026-05-05: No activity2026-05-06: No activity2026-05-07: No activity2026-05-08: No activity2026-05-09: No activity2026-05-10: No activity2026-05-11: No activity2026-05-12: No activity2026-05-13: No activity2026-05-14: No activity2026-05-15: No activity2026-05-16: No activity2026-05-17: No activity2026-05-18: No activity2026-05-19: No activity2026-05-20: No activity2026-05-21: No activity2026-05-22: No activity2026-05-23: No activity2026-05-24: No activity2026-05-25: No activity2026-05-26: No activity2026-05-27: No activity2026-05-28: No activity2026-05-29: No activity2026-05-30: No activity2026-05-31: No activity2026-06-01: No activity2026-06-02: No activity2026-06-03: No activity2026-06-04: No activity2026-06-05: No activity2026-06-06: No activity2026-06-07: No activity2026-06-08: No activity2026-06-09: No activity2026-06-10: No activity2026-06-11: No activity2026-06-12: No activity2026-06-13: No activity2026-06-14: No activity2026-06-15: No activity2026-06-16: No activity2026-06-17: No activity2026-06-18: No activity2026-06-19: No activity2026-06-20: No activity2026-06-21: No activity2026-06-22: No activity2026-06-23: No activity2026-06-24: No activity2026-06-25: No activity2026-06-26: No activity2026-06-27: No activity2026-06-28: No activity2026-06-29: No activity2026-06-30: No activity2026-07-01: No activity2026-07-02: No activity2026-07-03: No activity2026-07-04: No activity2026-07-05: No activity2026-07-06: No activity2026-07-07: No activity2026-07-08: No activity2026-07-09: No activity2026-07-10: No activity2026-07-11: No activity2026-07-12: No activity2026-07-13: No activity2026-07-14: No activity2026-07-15: No activity2026-07-16: No activity2026-07-17: No activity2026-07-18: No activity2026-07-19: No activity2026-07-20: No activity2026-07-21: No activity2026-07-22: No activity2026-07-23: No activity2026-07-24: No activity2026-07-25: No activity2026-07-26: No activity2026-07-27: No activity2026-07-28: No activity2026-07-29: No activity2026-07-30: No activity2026-07-31: No activity2026-08-01: No activity2026-08-02: No activity2026-08-03: No activity