/ Behind the build

Colophon

A colophon is a statement at the end of a book describing how it was produced. This is the same - for a website.

Stack

Body text

Designed for improved reading proficiency. Variable weight, clean geometry.

The quick brown fox jumps over the lazy dog.

ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789

Hero name

Display font for the primary heading. Bold, distinctive presence.

The quick brown fox jumps over the lazy dog.

ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789

Section headings

Geometric sans-serif for 'Tech Stack' and accent headings.

The quick brown fox jumps over the lazy dog.

ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789

#0a0b0d

hsl(220 8% 4%)

Near-black with a cool blue-gray tint

#2db8a0

hsl(172 50% 45%)

Cool teal accent - buttons, links, emphasis

#ededed

hsl(0 0% 93%)

Off-white text for comfortable reading

#787a7d

hsl(220 3% 48%)

Secondary text, descriptions, metadata

#131416

hsl(220 6% 8%)

Elevated surface for cards and dialogs

#222326

hsl(220 5% 14%)

Subtle separation, low-contrast borders

01
Dark-only. No light mode toggle - the design was conceived in darkness and lives there.
02
Content over chrome. Every animation earns its milliseconds. No motion for motion's sake.
03
Hardcoded content. No CMS, no database for portfolio content. Data lives in TypeScript files with full type safety.
04
Performance is a feature. Zero layout shift. Minimal JavaScript. Server-rendered where possible.
05
The site is the resume. Every detail - from font choice to error handling - demonstrates engineering taste.