The definitive source of truth for the design system of $OMNOM DAO — colors, typography, components, and the holder-class brand identity.
Identity
Logo Icon
lucide-react · Palette
$OMNOM DAO
Tagline
Off-chain · Snapshot-based · No gas fees
Brand Voice
Approachable but credible. Playful identity, serious mechanics. Transparent — snapshot data and provenance always visible.
Color System
Primary brand — CTAs, accents, logo
Hover state for gold buttons
Page background (true black, deepest layer)
Cards, panels, primary surfaces (rich off-black)
Hovered cards, dropdowns, inputs
All borders, dividers (WCAG-visible separation)
Headings, primary body text
Secondary text, descriptions
Tertiary text, timestamps, meta (WCAG AA on all layers)
Passed proposals, verified, confirmed
Failed proposals, errors, destructive
Pending review, caution, expiry
Type System
Display
text-4xl font-bold tracking-tight sm:text-5xl
H1
text-3xl font-bold tracking-tight
H2
text-2xl font-bold
H3
text-xl font-bold
Body
text-sm
Caption
text-xs text-text-dim
Address
text-xs
Balance
text-sm
Block
text-xs
Code
text-xs
Type Scale
Brand Identity
Core brand identity. Color-coded holder tiers add personality while voting power remains strictly balance-weighted (1 token = 1 vote).
1
Threshold ≥ 10% of supply
3
Threshold ≥ 1% of supply
30
Threshold ≥ 0.1% of supply
326
Threshold ≥ 0.01% of supply
1,078
Threshold ≥ 0.001% of supply
1,701
Threshold ≥ 0.0001% of supply
22,547
Threshold ≥ 0% of supply
Building Blocks
Cards use the surface background (#0A0A0A) with subtle borders for separation from the deep page layer.
Iconography
All UI icons use lucide-react. Decorative icons carry aria-hidden. Holder-class emojis (🦑🐋🐬🦈🐙🦀🦄) are the only intentional exception to the no-emoji rule.