Design system
Smoke test page.
One page, every primitive. If anything here looks broken on either desktop or mobile, the design system is broken — not just this page.
Typography
Display 5xl bold
Section title (responsive 2xl → 3xl)
Body copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
Caption · uppercase · tracking-wider
0123456789 · ORD-2026-A7XK2 · €1.420,00
Color tokens
background
#05070d
page background
surface
#0b0f18
cards, modals
foreground
#e5e7eb
primary text
muted
#c7ced9
secondary text
border
#1f2937
lines, dividers
accent
#2DBFB7
CTAs, eyebrows
accent.strong
#1FA89D
hover state
accent.glow
#5EE3D9
shadow / glow
Buttons
Filter pills
Status badges
Awaiting paymentOn salePaidRefund failed
Order details
ConfirmedOrder ID
ORD-2026-A7XK2CustomerEmilio Loyola
EventSample event · Mallorca venue
DateSat 15 May 2026, 23:00
Tickets4 × General · 1 × VIP table (6 ppl)
Add-onsLimousine pickup · Bottle service
Total€ 1.420,00
Glass cards
.glass + .glass-hoverDefault card with subtle hover lift.
.glass-strongStronger contrast for primary CTAs and highlight cards.
.glass + .grid-bgSubtle 48px grid for technical sections.
Database integration
10
Venues
57
Artists
131
Events total
131
Upcoming
Next 4 upcoming events
Thu 7 May · 21:00PARAO - 7 de MayoOVERCLUB / OVER Mallorca · from €150.00
Thu 7 May · 22:00DYEN by VANNDALOVERCLUB / OVER Mallorca
Fri 8 May · 18:00DRUMCODEAMØK / Amok Nightclub
Fri 8 May · 21:30FUNKTION x SÓTANO CLUB MALLORCASótano Club
Upcoming at AMØK
Fri 8 May · 18:00DRUMCODEEli Brown · Alan Fitzpatrick b2b Pan-Pot · and more
Sat 9 May · 17:30RodeoResidents
Sat 9 May · 21:45DRUMCODEAdam Beyer · Bart Skils · Genesi · Kasia · and more
Sun 10 May · 16:00Tribu Sunset PartyResidents
Sun 10 May · 21:45DRUMCODEJoris Voorn · Wehbba · and more
Fri 15 May · 21:45BonitxResidents
Accessibility
Press Tab to reveal the skip-link. Press Enter to jump to main content.
Focus rings are accent-coloured and visible against the dark background. Selection colour matches the brand accent.