Colophon

How this site is built

The stack, the type, the colors, and the footprint behind this site.

Tech Stack

This site is built using Next.js, Tailwind CSS, Prisma, and MongoDB, and it's hosted on Vercel.

Typography

Inter carries the whole site — headings, body copy, everything.

Regular

Medium

Semibold

Bold

Design & Colors

Colors run on Tailwind CSS custom properties, switched through a data-theme attribute — three palettes (Main, Orange, Christmas), each with a light and dark variant, six in total.

50
100
200
300
400
500
600
700
800
900

Orange · Light

Main · Light current

Main · Dark

Orange · Dark

Christmas · Light

Christmas · Dark

Logo

Self-designed. This is a placeholder mark built around the initials, standing in until the final logo file is ready.

JH
JH

Carbon Footprint

This site produces less than 0.234g of CO₂ on a first visit (0.018g on return visits), according to Digital Beacon — rated B — and Website Carbon — rated A+.

0.23g of CO₂/viewWebsite CarbonRated A+ on Website Carbon