Disco Dingo

Living Style Guide

Every colour, type size and component on this page is generated from two OKLCH hues. Change --hue-primary and --hue-secondary in 00-variables.css to re-theme the whole site.

Colour System

Primary--color-primary

Secondary--color-secondary

Accent--color-accent

Background--color-bg

Card--color-bg-card

Gradient--gradient-disco

Typography

H1

Dance Floor

H2

Dance Floor

H3

Dance Floor

H4

Dance Floor

Body

The body copy font is used for paragraphs, captions and general reading text across Disco Dingo.

EyebrowEyebrow Label

Buttons & Badges

Get on the list Learn more ✨ New Night 🔥 Sold Out

Cards & Events

Sample Card

Cards pick up a coloured glow and lift on hover — try it with your mouse.

Sat27

Neon Nights

Doors at 9pm — DJ Dingo spinning all night.

“Disco Dingo turned my Tuesday into a Saturday.”