01
02
Saffron drench, Tesla's triad rising to a burnt-sienna VIBRATION, halftone drifting like a tuned signal.
Why
The phrase is Tesla's triad, and the triad is doing all the work. Because the line names three things in order, the composition becomes three columns, and because it builds to a climax, the type scale rises diagonally from a quiet lead-in through energy and frequency to a burnt-sienna vibration that masses lower-right. The hero object is a word, the single word vibration at marquee, with the rest of the sentence rising to meet it and Tesla attributed beneath. That is the whole page in one gesture.
Bricolage Grotesque carries it: it is warm, expressive, and genuinely unused across the recent fourteen builds, so it answers the chassis mandate while giving the marquee enough personality to hold a visionary line without tipping into a shout. Manrope answers it below with a shared humanist skeleton, so the ledger and body read as chosen, not pasted on. The palette is a saffron drench, hue 44°, because energy wants a radiant field, not a void; the deep burnt-sienna accent is dark enough to clear contrast on that glowing ground and gives vibration its struck note. A halftone screen in espresso reads as a tuned signal across the flood, the honest material for a line about frequency, and the field drifts slowly so it is never quite still.
Layout serves the climb. The top bar is a real, legible header, mark single-color espresso for high contrast on saffron (the mono mark has sunk into drench grounds before; at nine-to-one it will not here), with numbered nav grouped by the mark rather than the rejected wordmark-left/links-right silhouette. Signals interleave into the column feet as a dense ledger of the day's readings, golf in accent, the market tick, the weather, and a one-line memorial to Margaret Hamilton, who named the thing Doug does for a living. At 360 the three columns become one sequence and the rising scale alone carries the sentence down the phone.
Visual specification
1. Color Specification
#FBF6EC, 100 #F4EAD6, 200 #E6D7B8, 300 #CBB98E, 400 #A08A5E, 500 #74613A, 600 #574726, 700 #3E3119, 800 #2A2010, 900 #1A1308#CF5A28, default #A1320A, dark #7E2708, deep ground #5C1D06#F2AE2B (saffron flood), card/surface #FBE8B4 (pale saffron), second ground/band #E2990F (deeper saffron)#1A1308, secondary #3E3119, muted/faint #5747262. Typography
display is Bricolage Grotesque. The nominated hero phrase is the full quote; the poster WORD is vibration, set in accent (burnt sienna) at hero scale (the fluid marquee clamp). Above it, energy, / frequency / and stack flush-right at xl→3xl, rising in scale line by line so the type itself accelerates toward the climax. The lead-in If you want to find the secrets of the universe, think in terms of is the deck at 2xl, textMuted ink. Nikola Tesla sits at sm small-caps beneath, in text ink.textStyle tokens, do not invent leading/tracking. Hero = hero step. Rising triad = xl, 2xl, 3xl on the three words below the climax. Deck/standfirst = 2xl for the lead-in, lg for section standfirsts (this is the mid-register the owner demands between marquee and body). Body = base at 60–70ch. Captions/ledger = sm; micro labels = xs. Never below 12px.3. Layout Specification
vibration masses (right-weighted), so the eye travels the sentence as it grows.display: grid; grid-template-columns: 1fr 1fr 1.3fr; column-gap: clamp(16px, 2.4vw, 40px). The rising triad spans across the three tracks, its baselines stepping down-right; signal readings fill the gutters and column feet.min-height: 92vhmax-width: none; side padding clamp(24px, 6vw, 96px). Body copy blocks individually capped at 66ch.clamp(48px, 7vw, 112px) between sections.01 Work 02 About 03 Contact) grouped immediately right of the mark, left-of-center; a small location/date readout at the far right (not nav links). One borderStrong hairline under the bar.vibration landing rows 4–5, columns 2–3 at marquee; attribution row 5, column 3./, <SiteCallout /> sits below the signal-ledger section and above the footer field band, full width. No copy or styling authored here.4. Component Character
2px, buttons 3px, mark/pills full. Deliberately near-square; the owner has flagged rounded corners.border on ledger rows; borderStrong for the nav rule and section breaks. Cards are borderless, separated by value against the saffron field.5. Signal Integration
-8 in accent, positions in textFaint. Golf, not Detroit (all four teams off-season).in 4 days in the ledger, textFaint, no ornament.777.22 −0.24% with the tick in accent dark; weather Clear, 55°F, Aldie as a reading; moon waning crescent, 5%; and a quiet memorial, Margaret Hamilton, 1936–2026. She named software engineering., which belongs here because design and engineering as one job is Doug's whole thesis.Self-check
hero clamp caps at 128px under bricolage's 160px ceiling; vibration is one word, no wrap at 1440.4xl, vibration (9 chars) clears the column without cutting.Rationale
The phrase is Tesla's triad, and the triad is doing all the work. Because the line names three things in order, the composition becomes three columns, and because it builds to a climax, the type scale rises diagonally from a quiet lead-in through energy and frequency to a burnt-sienna vibration that masses lower-right. The hero object is a word, the single word vibration at marquee, with the rest of the sentence rising to meet it and Tesla attributed beneath. That is the whole page in one gesture.
Bricolage Grotesque carries it: it is warm, expressive, and genuinely unused across the recent fourteen builds, so it answers the chassis mandate while giving the marquee enough personality to hold a visionary line without tipping into a shout. Manrope answers it below with a shared humanist skeleton, so the ledger and body read as chosen, not pasted on. The palette is a saffron drench, hue 44°, because energy wants a radiant field, not a void; the deep burnt-sienna accent is dark enough to clear contrast on that glowing ground and gives vibration its struck note. A halftone screen in espresso reads as a tuned signal across the flood, the honest material for a line about frequency, and the field drifts slowly so it is never quite still.
Layout serves the climb. The top bar is a real, legible header, mark single-color espresso for high contrast on saffron (the mono mark has sunk into drench grounds before; at nine-to-one it will not here), with numbered nav grouped by the mark rather than the rejected wordmark-left/links-right silhouette. Signals interleave into the column feet as a dense ledger of the day's readings, golf in accent, the market tick, the weather, and a one-line memorial to Margaret Hamilton, who named the thing Doug does for a living. At 360 the three columns become one sequence and the rising scale alone carries the sentence down the phone.
Composition rationale
I moved columns off the mandate's masonry to three because the quote names a triad, energy / frequency / vibration, and letting the sentence's own grammar be the grid is a genuine compositional decision, not ragged packing with no tie to the line. I moved axis off radial to diagonal so the three nouns step down-right and the type scale rises as it goes, making the sentence accelerate toward its climax. Everything else sits on the starting tuple because it genuinely fits: drenched energy, interleaved threading of the hero through the readings, syncopated off-beat for a line about vibration, and standard chrome because the owner has asked for a real, legible header.
Signal integration
-8 in accent, positions in textFaint. Golf, not Detroit (all four teams off-season).in 4 days in the ledger, textFaint, no ornament.777.22 −0.24% with the tick in accent dark; weather Clear, 55°F, Aldie as a reading; moon waning crescent, 5%; and a quiet memorial, Margaret Hamilton, 1936–2026. She named software engineering., which belongs here because design and engineering as one job is Doug's whole thesis.03
saffron
hsl(44 89% 56%)
A saffron flood for pure energy, with a deep burnt-sienna accent so the word vibration reads as the charged note struck against the field.
04
Color — 3 ramps, 30 stops
primary
accent
neutral
05
06