Introduction
The HODL Design System
A single visual language for HODL, HODL Club, HODL Admin, HODL Driver and every product to follow. Built so a new screen feels like HODL before a single word is read.
Premium fintech, not crypto-noise
Deep indigo canvas, restrained color, oversized display type. We let the product feel valuable before saying it.
Apple-grade restraint
Generous whitespace, one signature gradient, soft glass surfaces. We remove until only the brand remains.
Trustworthy by default
Dark UI with very high contrast text, predictable motion, no flashy crypto tropes. Built to hold real money.
One family, distinct rooms
HODL, HODL Club, HODL Admin, HODL Driver share the core. Each product layers a small accent system on top.
Jump in
Color foundation →
Brand, surface, state and gradient tokens with HEX/RGB/HSL.
Typography →
Bebas Neue · Inter · Orbitron, full scale and pairings.
Motion →
Calm, emphasized easings. Spring presets for cards and CTAs.
HODL Club layer →
Gold + platinum hospitality extension.
Token export →
CSS · Tailwind · JSON · Flutter ThemeData stub.
Membership cards →
Wallet, QR, event ticket, reward tier.