Teal Anchor
Teal as the sole chromatic anchor against deep navy and off-white. A single-hue identity that feels both technical and human.
Logo System
The Wiin logo features a continuous zigzag wave with two teal diamond dots for the double 'i'. Available in multiple formats for all contexts.
Full — On White
Full — On Dark
Square — On White
Square — On Dark
Mini — On White
Mini — On Dark
Logo on Backgrounds
Color System
Teal as the single chromatic anchor against deep charcoal and off-white. Like bioluminescence in dark water — the network glows where value flows.
Wiin Teal
#2DD4BF
Primary brand color, CTAs, active states
Teal Light
#5EEAD4
Highlights, hover states, secondary accents
Teal Dark
#0D9488
Pressed states, depth accents
Deep Navy
#0F172A
Primary background, hero sections
Charcoal
#1E293B
Card backgrounds, elevated surfaces
Slate
#475569
Borders, muted text, dividers
Off White
#F1F5F9
Primary text on dark backgrounds
Pure White
#FFFFFF
Headings, emphasis text
CSS Token Reference
| Token | OKLCH | Hex |
|---|---|---|
--wiin-teal | oklch(0.72 0.14 185) | #2DD4BF |
--wiin-teal-light | oklch(0.82 0.10 185) | #5EEAD4 |
--wiin-teal-dark | oklch(0.55 0.12 185) | #0D9488 |
--wiin-navy | oklch(0.18 0.02 260) | #0F172A |
--wiin-charcoal | oklch(0.22 0.015 260) | #1E293B |
--wiin-slate | oklch(0.35 0.01 260) | #475569 |
--wiin-off-white | oklch(0.93 0.005 90) | #F1F5F9 |
--wiin-white | oklch(1 0 0) | #FFFFFF |
Typography
Space Grotesk for display, DM Sans for body, JetBrains Mono for code. The contrast between geometric headings and warm body text mirrors Wiin's blend of technology and community.
Everyone Wins
The Payment Network
Revenue-sharing across all participants
Wiin is a payment network built on a fundamentally different philosophy: revenue-sharing across all participants — consumers, merchants, and financial institutions.
Instead of commissions concentrating at the top, they're split among everyone in the network, creating an inclusive, community-driven economic model.
--wiin-teal: oklch(0.72 0.14 185)
font-family: 'Space Grotesk', sans-serif;
border-radius: 0.75rem;
Type Scale
Brand Values
The three pillars that guide every design decision, every interaction, and every line of code.
Inclusive
We build financial tools for everyone, everywhere. No barriers, no exclusions.
Transparent
Clear, honest, and open in all our operations. Every flow is visible.
Community
Fostering growth and shared success together. The network is the value.
Signature Motif
The diamond dot — extracted from the logo's double 'i' — serves as the universal motif across all Wiin touchpoints.
Used as bullets, dividers, loaders, and decorative accents throughout the design system.