/colophon

How This Site Was Built

A breakdown of the technical decisions, design philosophy, and tools behind this portfolio. For those who care about the craft.

Stack

FrameworkNext.js 15 · React 19 · TypeScript
StylingTailwind CSS v4 · Framer Motion
FontsInter (body) · JetBrains Mono (code) · Cinzel (display)
HostingVercel
CMSPayload

Design Philosophy

01

Brutalist Minimalism

Sharp edges, no border radius. Every element is deliberate. If it exists, it has a purpose.

02

Typography as Hierarchy

No color for emphasis—only weight, size, and luminance. The Cinzel display font adds gothic character without cosplay.

03

Purposeful Motion

Animations serve function: page transitions, scroll reveals, state changes. Nothing decorative.

04

Dark by Default

Deep charcoal (#0d0d0f) base, not pure black. Easier on the eyes, more depth in the shadows.

Typography

Display — Cinzel

The Forge of Ideas

Body — Inter

Systems are built to be understood. Every abstraction is a trade-off, every optimization a compromise.

Monospace — JetBrains Mono

const forge = (ideas) => ideas.reduce(build, [])

Palette

Background

#0d0d0f

Surface

#141416

Foreground

#e8e8e8

Accent

Ember

Credits

Designed and built by Bethel Nzekea & v0. Inspired by Minimalism and a mix of Neo-brutalism.

Type set in Inter, JetBrains Mono, and Cinzel.