22 years trying to simplify complex systems — from Web3 marketplaces to mobile games. This is the design system behind defranez.com.
Available for work
Version
V2.0 · 2026
Type system
Syne · DM Mono
Accent
#00F5A0 mint
Auth
Ezequiel De Francisco
01 · Colors
Mint on near-black.
Off-black canvas, two surfaces, one mint accent. The system holds 90% of attention with a single color — every other token is a hairline derived from white-alpha.
Background & Surface
Background--bg
#080A0C
Surface--surface
#0E1114
Surface 2--surface-2
#13171C
Text
White · Display--white
#FFFFFF
Primary text--text
#E8EAED
Secondary--secondary
#8A94A6
Muted--muted
#6B7280
Primary Accent
Mint · #00F5A0
--accent · 90% attention
Cyan · Pair
--accent-2 · gradient pair
#00C8FF
Opacity ramp
05
08
20
30
40
Gradients
Hero name · 135°--gradient-hero-name · #00F5A0 → #00C8FF
Skill bar · 90°--gradient-skill
Borders
Hairline · default--border
06%
Hairline · accent--border-accent
20%
02 · Typography
Display + Mono.
A two-face system. Geometric humanist for everything that breathes; a wide-tracked monospace for everything labelled. No third face on the live site.