Design system

The design system behind this site, published as @milandekruijf/ui. Foundations, components, and brand assets — everything here runs the same code the site does.

Principles

Type first

Geist for text, Geist Mono for code. One small scale covers every size and weight.

Color with roles

Five Radix scales where every step has a job: backgrounds, component fills, borders, solids, and text.

Motion with restraint

Short ease-out transitions and GSAP entrances that switch off under prefers-reduced-motion.

Explore the system