Hard Edges
Sharp 0–4 pixel radii throughout. Surfaces meet at right angles, dividers are thick rules, and nothing rounds itself into a corporate softness.
Design System No. 04 · Steel · Concrete · Machinery
Built
Like It
Means It.
A heavy, high-contrast system for brands that work with their hands. Oversized type, hard edges, one ruthless accent. No decoration, no apology.
Typography
The Type Stack
Display · Anton
Heavy Metal
H1 · Anton
Forged Headlines
H2 · Anton
Section Titles Land Hard
H3 · Anton
Sub-headings With Weight
Body · Barlow
Barlow carries the working copy: a sturdy, low-contrast grotesque that reads cleanly at small sizes and holds its nerve in long paragraphs. It pairs against Anton like a worker against a girder. One does the talking, the other does the lifting. The rhythm stays tight, the measure stays narrow, and nothing here pretends to be soft.
Label · Semi Cond.
Uppercase · Letter-spaced · Eyebrow
Pull quote
“Type should hit like a hammer, not a feather.” — Placeholder attribution
Colorway
The Palette
Pit Black
Deepest ground
#0F0F0F
Charcoal
Primary background
#161616
Panel
Raised surface
#1E1E1E
Steel
Support tone
#5A6B7B
Hi-Vis Amber
The single accent
#FFB300
Bone
Primary text
#F4F2EC
Components
Cards, Rules & Icons
One Accent
A single high-vis amber does all the signalling: buttons, links, focus rings, key figures. Used sparingly, it reads like a warning light, not wallpaper.
Solid Structure
A strict grid, baseline-aligned blocks and steel hairlines keep everything load-bearing. The layout feels engineered, not arranged.
100%
Self-contained
7
Demo sections
0
Frameworks
<2s
Hero load target
Social Proof
It looks like the work it’s selling. No fluff.
Choose your direction