COLOPHON
How this site is built.
Everything used to design, build, and ship serostudio.com.
STACK
TYPOGRAPHY
Geist Sans
by Vercel
UI text · Headings · Body · Navigation
Aa
Bb Cc Dd
Ee Ff Gg
0 1 2 3 4 5
Geist Mono
by Vercel
Code · Tags · Data · Numbers
Aa Bb 01
const x = 'sero'
pnpm dev → localhost:3000
// ship it
COLOR SYSTEM
Background
#0A0A0A
Surface
#111111
Elevated
#181818
Border
#262626
Foreground
#FAFAFA
Muted
#777777
Accent
#6366F1
Success
#22C55E
INSPIRED BY
The design direction of this site was shaped by studying studios and tools that do precision well. No direct copies — just honest observation of what works.
linear.appSpacing, interaction states
vercel.comLayout, color restraint
resend.comNavigation, hierarchy
framer.comGlass surfaces, motion