The look of this site has a name: Ink & Neon. Film-noir by default, newsprint in the light, and a single decisive spot color doing all the work.
The whole palette is a set of variables
Every color, size, and space lives in one file of CSS custom properties. Dark mode is the base; light mode is a remap. Switching the entire site’s accent from red to amber is a four-value edit:
:root {
--accent-dark: #ff3b3b;
--accent-light: #d92626;
}Nothing else in the codebase knows what red is. Components ask for
var(--color-accent) and get whatever the theme decides.
Restraint is the aesthetic
- One accent, used like ink — links, rules, focus, active nav.
- Sharp corners. Hard rules. No gradients.
- Monospace as an accent (labels, metadata), not the body face.
Personality from contrast and structure, not decoration.
The two modes are meant to read as the same site shot on different film stock. Flip the toggle and see.