Contact

Please don't hesitate to write to this email address

contact@mateobrennan.com

Design and development
toshi
Site languages
Español · English · Deutsch
Typefaces
Literata (reading and titles), IBM Plex Mono (metadata)
Text
Line height 1.55, justified with automatic hyphenation, 40 rem measure, paragraph indents instead of gaps, drop cap
Grid
A single one: a 25 % rail for the title and a text column; the title cap height lines up with the first text line
Titles
Fitted to the rail width, between 1.6 and 5 rem; never hyphenated
Colour
19 palettes (phosphor green, amber CRT, paper…) as CSS variables; no pure white or black
Images
Ordered (Bayer) dithering at 16 / 8 / 4 colours, pixel-exact and never scaled
Ornament
Hairline rules; no boxes, shadows or gradients. Dithering is the only decorative motif
Motion
Slow; paused when the tab is hidden and static under prefers-reduced-motion
Social cards
Generated at build time, 1200 × 630 px, dithered