Design System
Purple Cat — Brand Foundation
Same foundation as Punt — Inter typography, lucide icons, identical scale. Recolored to a deep purple base with a gold primary accent inspired by the logo.
01
Logo
Purple CatPurple CatPurple CatWordmark: PURPLE CAT · Tagline: A Mischievous Social Casino
02
Colors
Background (deep purple)
--backgroundForeground
--foregroundCard
--cardSidebar
--sidebarPrimary (gold)
--primarySecondary
--secondaryAccent
--accentMuted
--mutedBorder
--borderDestructive
--destructiveGradients & Effects
--gradient-hero
--gradient-gold
03
Typography
Display & body: Inter — identical to Punt foundation.
Display / 6xl black
A Mischievous
H1 / 4xl black
Headline Heavy
H2 / 2xl black
Section Title
Body / base
Body copy used across cards and descriptions.
Label / xs uppercase tracked
Eyebrow Label
Provider tag / 10px black
PROVIDER NAME
04
Icon Set
Same lucide-react set as Punt — consistent metaphors across both brands.
popular
newReleases
originals
topInState
liveDealers
recent
classics
jackpot
provider
power
races
05
Core Components
Buttons
Pill / Chip
NewHotProvider