INDEX
01 / 06 Brief
scroll ↓

Chapter 01

BRIEF

"I need a portfolio site."

The standard answer

  • A list of projects.
  • A PDF with a headshot.
  • React, because everyone uses React.
  • A template with personal touches.
  • A portfolio that looks like everyone else's.

This is what most people deliver. It says "I can build things" while proving the opposite about taste and judgment.

Chapter 02

CONSTRAINT

No frameworks. No build tools.

What was removed

  • No React. No Vue. No Svelte.
  • No Webpack. No Vite. No bundler.
  • No Tailwind. No CSS-in-JS.
  • No npm. No package.json.
  • Zero dependencies. Every line is a choice.

Constraints aren't limitations. They're the reason deliberate decisions get made.

Chapter 03

CONCEPT

Why a CRT terminal?

What amber phosphor signals

  • Precision over decoration.
  • Depth over surface.
  • VT100/VT220 — UNIX culture.
  • This person works with machines.
  • The right visitor recognizes it immediately.

An aesthetic that repels the wrong audience is not a weakness. It's a filter.

Chapter 04

SYSTEM

One decision. Everything else follows.

The cascade

  • TerminalUNIX boot sequence
  • BootTyped login with typos
  • AmberJetBrains Mono
  • CRTScanlines, grain, vignette
  • CursorPhosphor glow trail

This is what a design system looks like when it starts from a concept instead of a component library.

Chapter 05

MOTION

How you move is what you say.

Three interaction models

  • DevInstant snap — machine behavior. No easing.
  • DesignSmooth glide — a gallery walk.
  • ConsultingVertical scroll — reading a newspaper.
  • Each gesture is a choice. Not a default.

UX is not a layer on top of design — it is design.

Chapter 06

OUTCOME

The site is the portfolio.

What the site proves

  • 4pages with distinct visual languages
  • 0dependencies, frameworks, or libraries
  • 1concept that generates every detail
  • decisions made explicit, not accidental

Before a visitor reads a single word, they understand something about who built this.

The proof is in the product.

  1. 0dependencieszero
  2. 4pagesone language
  3. 1conceptevery detail

Scroll right to see the full picture →

Design is not decoration.

IT'S THE
ARGUMENT.