Design system
Colors, typography, and components used on this site.
Color
Paper
#f7f8f8
Page background
Ink
#101010
Primary text and footer
Signal
#126fd3
Accents and progress
Rule
#d9dede
Dividers
Mute
#62696b
Secondary text
Typography
Poppins · headings and navigation
Recent writing
Sentence case, moderate sizes, and medium weight. Headings identify the content; small labels provide context.
Cormorant Garamond · reading
A useful idea might come from a book, a training session, or working through something that isn’t going to plan.
Generous leading and a comfortable reading width keep longer essays easy to follow.
Links and focus
Underlined links, clear keyboard focus, and small directional cues.
Photography
Monochrome portraits. Editorial images keep their original color. Simple crops and no texture overlays.
Motion
Normal browser scrolling, a fine progress line, a subtle portrait shift, and sticky side notes. Short entrance animations leave content readable before JavaScript loads. Reduced-motion preferences turn off animation.
Identity
