Ludo Design System

Geist (capped at 600) · purple primary · zinc · 0.625rem · motion presets

Active
Idle
Outline
Failed
Grant operator access
Add a vendor to the live gate.

Device frames · aspect-accurate mockups

Drop a real Ludo screen inside via children. iPhone 6.1" · Clover Mini 3 · Zebra TC27 · Zebra KC50.

Balance

$48.50

Top up
Scan
Bar · Gate 4-$6.00
Rides · 12 tokens-$6.00
Food · Pavilion-$6.00

PhoneFrame · 19.5:9

PosFrame · 10:16

HandheldFrame · 18:9

KioskFrame · 9:16

Popover · pop preset

Tooltip · tooltip preset

Sheet · per-side slide presets

Accordion · height keyframes

Toast · enter/exit presets

Motion demo · named keyframes