Personal Portfolio


Overview
Designed and developed as a personal portfolio to present frontend work to international clients and recruiters. Built with Next.js 14, TypeScript, and Tailwind CSS. Focused on performance, accessibility, and a refined visual identity.
Color System
A monochromatic foundation — seven steps from absolute black to white — anchored by three accent colors used only with full intent.
Near Black
#0F0F0F
Dark
#1A1A1A
Mid
#444444
Muted
#888888
Light
#CCCCCC
Off-White
#F5F5F5
White
#FFFFFF
Accent — Use with intent
Warm Beige
#C8B89A
Sand
#B0A080
Typography
Five type steps — each carrying a specific weight of meaning. From 96px display headlines down to 11px product labels.
Display
80px / Light
H1
44px / Regular
H2
26px / Regular
Body
15px / Light
Label
10px / Medium
Brand Voice
Six words that form the editorial backbone of every piece of writing. The brand speaks in short, certain sentences. No warmth for warmth's sake.
- Fast
- Precise
- Clean
- Accessible
- Modern
- Personal
Spacing System
A fixed rhythm of eight values. Every element sits at a deliberate distance — nothing arbitrary, nothing accidental.
Next project