Built with
Astro, TypeScript, CSS

The site you are reading. It started as an excuse to try Astro’s content collections and turned into a small design exercise in building something readable around a display font that is aggressively not readable.

Design notes

Press Start 2P is a bitmap font with a fixed 8×8 grid, which means it has no real weight axis, no italics, and enormous sidebearings. Using it for body text would be a mistake, so it is scoped to headings, navigation and small labels, with Inter carrying anything longer than a few words.

The rest of the visual language follows from that constraint: no border radius, no blurred shadows, and a hard-edged staircase divider instead of the smooth wave the layout was originally based on.

Build

Everything is prerendered to static HTML at build time. There is no server-side rendering, no database, and about ten lines of client-side JavaScript for the theme toggle.

<- All projects