INDEX
01 / 05 Why
scroll ↓

Chapter 01

WHY

A site without a portfolio.

Index 23AG No stylesheet. Zero CSS. The browser default is not an oversight — it is the design decision.
Dev DEV_ Amber monospace on near-black. Not terminal-aesthetic — a real VT220 simulation. Every detail has a source.
Consulting The Review Playfair italic. The newspaper format signals authority and expertise before a single word is read.
Design ARGUMENT Condensed 900. High information density. This page makes the case for its own existence through the way it looks.

Four pages.

Four languages.

One person.

Before you read a word, you understand something about who built this. That is the portfolio.

Chapter 02

INDEX

Start with nothing.

The problem

"A blank page
with three links."

That's not a design. That's a placeholder. It needed something that belongs on the page anyway.

The insight

23
AG

The wordmark is the grid.
Everything else orbits it.

Stylesheets on the homepage

Time. Date. Status.
Session. Location.
Links. All of it.

Positioned absolutely. Inside the negative space of four letters. Browser defaults are not an accident here — they are the point.

Chapter 03

DEV

Not the aesthetic. The actual experience.

background
dim
mute
amber
fg
bright
accent
live

One decision. Six consequences.

  • Terminal
  • Real Unix, not aesthetic Unix
  • Phoenix BIOS 4.0 boot sequence
  • VT220 amber phosphor display
  • JetBrains Mono · 8-step color scale
  • The full CRT system

Start with one honest decision. It builds the rest for you.

Phoenix BIOS 4.0 · Intel 80486 DX2/66

640K Base · 15360K Extended

Loading /boot/vmlinuz......... OK

23AG login: root

Password: ████

Welcome. Last login: Mon Apr 3 02:40:11 2026

// every line is a design decision.
// the boot sequence is the portfolio piece.

Chapter 04

CONSULTING

An image. One word. Everything.

Seen on a newspaper

"Money talks —
we translate."

A newspaper photograph. The editorial format was already there — it just needed one word changed.

One word swapped

"Tech talks —
we translate."

If tech talks, the medium
should be editorial.

How one word became a page

  • Translation→medium should be print
  • Print→broadsheet grid, editorial structure
  • Authority→Playfair Display, drop caps, columns
  • Voice→Vol. I · No. 1 · Est. 2024
  • The image came first. The page built itself.

Independent Analysis · Technology Strategy · Systems Thinking

The 23AG
Consulting Review

Vol. I · No. 1 · Est. 2024

Chapter 05

ARGUMENT

Process is the proof.

hero
about
skills
Dev SNAP. Instant cut. No easing.
Machine behavior.
The terminal doesn't glide.
ch 01
ch 02
ch 03
01 · depth
02 · depth
03 · depth
Design GLIDE. 2D ease. Chapters sideways,
depth downward.
A gallery you walk through.
Consulting SCROLL. Vertical. Linear.
Reading a newspaper
front to back.

Design is not decoration.

IT'S THE
ARGUMENT.