Design System
Evo
The living reference for the Evo visual system. All values are rendered directly from the design token source files.
Principles
Clean & Restrained
Generous whitespace, minimal UI chrome. Let content breathe.
Function-led Aspiration
The design should feel competent and premium, not flashy. Think Oura, not Noom.
Credible by Default
Typography, spacing, and color convey intelligence through craft — no gradients, no gimmicks.
Colors
Neutral, warm neutral palette. Restrained by design — Electric Red accent with neutral backgrounds.
Background
primary
#FBF8F5
secondary
#F5F1ED
inverse
#1A1A1A
Text
primary
#1A1A1A
secondary
#4A4A4A
tertiary
#8A8A8A
inverse
#FFFFFF
Border
default
#E8E3DC
strong
#8A8A8A
Accent
primary
#E63946
primaryHover
#CF2F3C
tint
#FDE8EA
Full Palette
Typography
Font family: Geist. Currently the Next.js default — final type selection should support both web and iOS.
Type Scale
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Weights
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Font Families
Sans
Geist, -apple-system, system-ui, sans-serif
Aa Bb Cc 0123
Mono
Geist Mono, ui-monospace, monospace
Aa Bb Cc 0123
Spacing
4px base unit. Consistent padding scale used across all layouts.
Border Radius
Corner rounding scale from sharp to pill.
none
0px
sm
4px
md
8px
lg
12px
xl
16px
full
9999px
Layout
Prose Content
max-width: 768px
Tools & Dashboards
max-width: 1024px
Cross-Platform
The iOS app and website should feel like the same brand without being pixel-identical.
Shared
Color palette, typography feel, spacing rhythm, tone
Platform-native
Interaction patterns, navigation, system conventions. SwiftUI components, SF Symbols, dynamic type on iOS.
All token values on this page are rendered directly from shared/tokens/*.json. Edit the source files to update this page.