01
02
Pine-teal field answered by one ember word, the work ruled in columns on the left, the thesis balanced on the right.
Why
The phrase is Doug's one-sentence thesis, so the page is built to make its central word visible before the sentence is read: "one" set at 158px, lowercase, heavy, flung hard against the right edge, with the full sentence as the deck beneath it. The number is the argument. Because the claim is about two things becoming one, the composition is a symmetric split: the dense three-column work index on the left stands for the engineering, the single word on the right stands for the design, and they balance across the center line so the page performs its own thesis.
Bricolage Grotesque carries the word because it is warm, brand-driven and expressive at 160px without tipping into the condensed-caps register I have leaned on too often, and because Manrope answers its humanist construction, so display and body share a skeleton rather than reading as a poster headline pasted onto a default page. The treatment is deliberately off the recent rut: lowercase, right-aligned, heavy, roman, no texture, where the last week ran small-caps and justified and centred.
The palette is a committed duotone, deep pine teal (174°, inside the mandate) and one ember amber, two hues carrying the whole surface with no neutral void, honoring the "avoid dark-void and drench" steer while staying saturated and alive. The teal grounds the hero and footer; a full-bleed amber plane holds the work index; the word is amber on teal. Ruled hairlines give the index the structure an engineering claim earns. The header folds into the hero as a real design surface, horizontal lockup top-left with a role line that itself says "designer and developer," small and recognizable, in the first fold at both widths.
Self-check
Rationale
The phrase is Doug's one-sentence thesis, so the page is built to make its central word visible before the sentence is read: "one" set at 158px, lowercase, heavy, flung hard against the right edge, with the full sentence as the deck beneath it. The number is the argument. Because the claim is about two things becoming one, the composition is a symmetric split: the dense three-column work index on the left stands for the engineering, the single word on the right stands for the design, and they balance across the center line so the page performs its own thesis.
Bricolage Grotesque carries the word because it is warm, brand-driven and expressive at 160px without tipping into the condensed-caps register I have leaned on too often, and because Manrope answers its humanist construction, so display and body share a skeleton rather than reading as a poster headline pasted onto a default page. The treatment is deliberately off the recent rut: lowercase, right-aligned, heavy, roman, no texture, where the last week ran small-caps and justified and centred.
The palette is a committed duotone, deep pine teal (174°, inside the mandate) and one ember amber, two hues carrying the whole surface with no neutral void, honoring the "avoid dark-void and drench" steer while staying saturated and alive. The teal grounds the hero and footer; a full-bleed amber plane holds the work index; the word is amber on teal. Ruled hairlines give the index the structure an engineering claim earns. The header folds into the hero as a real design surface, horizontal lockup top-left with a role line that itself says "designer and developer," small and recognizable, in the first fold at both widths.
Composition rationale
The phrase is a claim about two disciplines resolving into one, so the canvas is split into balanced halves: a dense three-column work index on the left (the engineering) answered by the single word "one" on the right (the design), symmetric weight making the argument visual. I moved hero_zone off the suggested upper-left to edge-bound because the word wants to be flung hard against the right margin where the diagonal reading path lands; the mandate's avoid lists left most other axes with only their start value available (horizontal/vertical/radial, crowded/sparse/measured, type/field/drenched all soft-forbidden), so I kept those deliberately rather than passively and spent the real movement on placement.
03
pine teal
hsl(174 50% 33%)
Deep pine teal and one ember amber carry the whole page as two planes, the two hues resolving into a single surface the way design and engineering resolve into one job.
04
Color — 3 ramps, 30 stops
teal
amber
neutral
05
06