Black. White.
Keep moving.
The layout stays direct and useful. The finish comes from New York black and white, safety orange, hard rules, and just enough punk-poster pressure to keep it from feeling polished to death.
01 / Color
One loud signal.
Black is the environment. White is for reading. Safety orange marks action, position, and momentum. Gray exists only to keep secondary information secondary.
02 / Type
Plain language. Poster volume.
Teko handles identity and headlines. Archivo handles the actual story. JetBrains Mono records dates and evidence. The writing stays normal even when the type gets loud.
03 / Signal
Orange has a job.
Use it for the active route, a selected action, a section break, or one blunt piece of information. It is not decoration and it does not compete with the photography.
04 / Components
The archive is the product.
Rows, month groups, links, and article pages do the work. Everything stays square, readable, and fast.
05 / Rules
Keep it honest.
- 01Keep the layout.
Portrait, map, introduction, recent posts, full archive. The system makes that structure sharper without inventing more destinations.
- 02Use real pictures.
Photography should come from the actual period whenever possible. The image carries the color; the interface stays out of its way.
- 03No fake grit.
Punk influence comes from contrast, pressure, rhythm, and directness—not canned distress effects or decorative mess.
- 04Say the normal thing.
Headlines and copy should sound like Chris talking, not like a brand workshop or a conference panel.