01
02
Big Shoulders command in two diagonal lines on deep indigo void — "CONCENTRATE THE MIND" thundering from top-left to bottom-right at 166–216px, a single row of indigo-lit signals anchored below: Tigers 8–0, waning gibbous, Buddha in small-caps.
Why
"CONCENTRATE THE MIND" arrives from Buddha via today's signals.quote — but it earns the hero slot not because it's a famous line but because it's the correct instruction for this page. A portfolio that redesigns itself daily is a demonstration of concentrated attention applied to the present moment. The phrase is already doing the work; it doesn't need framing or context. The Tigers won 8–0 with nothing to argue about, the waning gibbous is still 84.9% lit, June is pressing its full 14.6 hours of daylight into the day — everything in the signals is a proof of presence, not abstraction. Risk 8/10 says go loud and mean it.
The Specimen archetype was the only honest container. A Poster would put the phrase on a pedestal and let it rest on its reputation. A Stack would surround it with content that dilutes the command. Specimen makes you answer for the phrase: you arrive and there is nothing on the page except two enormous lines of type and a single row of signals at the bottom. You cannot look away from the instruction because there is nothing else to look at. Big Shoulders Display is the correct chassis — it is the typeface of railway platforms and stadium decks and factory notices, designed to communicate a command at distance and volume. The 1.618 ratio delivers the marquee scale the phrase demands. Atkinson Hyperlegible handles all supporting text with clinical clarity beneath.
Deep indigo at H:252° is the only color available in the mandate zone (230°–275°) that hasn't been touched in the recent archive, and it is genuinely the right choice rather than a tactical mandate-fill. Indigo is the color of pre-dawn concentration — the hour when you are awake before the noise begins, before the past or future intrude. The full-drench strategy (background is deep indigo-black #0A0820, phrase is near-white #F0EFFF, every neutral tinted toward the same violet-blue family) means you arrive on the page already inside the hue. The phrase doesn't float on a field — it emerges from the same chromatic world as the darkness around it, as if it was always there and the page simply let you see it.
Visual specification
1. Color Specification
#F2F1FF#E8E6FF#D0CDEE#A8A4C8#7A759A#544F70#3B3758#27234A#17143A#0A0820#C8C4FF (indigo.200)#8C80FF (indigo.400) — 5.6:1 on bg ✓#5245E0 (indigo.600)rgba(140, 128, 255, 0.20)#0A0820 (stone.900 — deep indigo-black)#17143A (stone.800)#27234A (stone.700)#F0EFFF — 17.5:1 on page bg ✓#A8A4C8 — 8.1:1 on page bg ✓#7A759A — 4.5:1 on page bg ✓ (used only for signals/captions, ≥12px)2. Typography (chassis: big-shoulders-atkinson)
font-size: clamp(80px, 11.5vw, 166px), left-aligned, letter-spacing: -0.02em, line-height: 0.88, font-weight: 900, color #F0EFFFfont-size: clamp(100px, 15vw, 216px), right-aligned (flush to right edge of 90vw content zone), same tracking/weight, color #F0EFFF0.88 for hero display; 1.1 for section headings; 1.5 for body; 1.75 for pull quotes-0.02em for hero display; 0em for body; 0.10em for signal labels (small-caps, uppercase bursts); 0.20em for masthead nav links3. Layout Specification
body: display: flex; flex-direction: column; min-height: 100vh
.hero: position: relative; min-height: 92vh; display: flex;
flex-direction: column; justify-content: center;
padding: 0 5vw; overflow: hidden
.hero-line-1: position: absolute; top: 22vh; left: 5vw;
text-align: left
.hero-line-2: position: absolute; bottom: 18vh; right: 5vw;
text-align: right
.signal-bar: position: absolute; bottom: 0; left: 0; right: 0;
height: 8vh; min-height: 64px; display: flex;
align-items: center; padding: 0 5vw;
border-top: 1px solid #27234A
.below-fold: max-width: none; padding: 80px 5vw
min-height: 92vhmax-width: none — full canvas; side padding 5vw48px — minimal fixed top bar8vh / min 64px — bottom of hero zone80px 5vwheight: 48px, full width, transparent over hero (no backdrop), z-index: 100. Left: site name DOUG MARCH in Big Shoulders Display at 14px, letter-spacing: 0.20em, color: #7A759A. Right: nav links WORK · ABOUT in Atkinson Hyperlegible 12px, letter-spacing: 0.10em. On scroll past hero, background transitions to #0A0820 with border-bottom: 1px solid #27234A.4. Component Character
0 everywhere — zero curvature reinforces the hard, unambiguous command register; no rounded cards, no pill buttons1px solid #27234A (stone.700) — nearly invisible separators; present structurally, not decoratively#17143A cards read as lifted against #0A0820 bg without any shadowcolor: #ACA3FF on hover (accentLight), no underline; project tiles: border-bottom: 1px solid #8C80FF appears on hover; all transitions 0.15s ease5. Signal Integration
height: 8vhTIGERS 8–0 in font-family: Big Shoulders Display; font-size: 11px; letter-spacing: 0.20em; color: #ACA3FF (indigo.300) — the win formatted as a dispatch headline, the blowout requiring no embellishment— BUDDHA in Atkinson Hyperlegible 10px, letter-spacing: 0.15em, color: #544F70 (stone.500) — the phrase itself IS the hero; the attribution is a footnote, not a feature◑ 84.9% in the signal bar·:
TIGERS 8–0 · ◑ 84.9% · MEMORIAL TBD · 14.6 HRS DAYLIGHT · 3 JUN 2026 · — BUDDHA
All in font-size: 11px; letter-spacing: 0.20em; text-transform: uppercase; color: #544F70, with #ACA3FF accent on the Tigers score onlySelf-check
Rationale
"CONCENTRATE THE MIND" arrives from Buddha via today's signals.quote — but it earns the hero slot not because it's a famous line but because it's the correct instruction for this page. A portfolio that redesigns itself daily is a demonstration of concentrated attention applied to the present moment. The phrase is already doing the work; it doesn't need framing or context. The Tigers won 8–0 with nothing to argue about, the waning gibbous is still 84.9% lit, June is pressing its full 14.6 hours of daylight into the day — everything in the signals is a proof of presence, not abstraction. Risk 8/10 says go loud and mean it.
The Specimen archetype was the only honest container. A Poster would put the phrase on a pedestal and let it rest on its reputation. A Stack would surround it with content that dilutes the command. Specimen makes you answer for the phrase: you arrive and there is nothing on the page except two enormous lines of type and a single row of signals at the bottom. You cannot look away from the instruction because there is nothing else to look at. Big Shoulders Display is the correct chassis — it is the typeface of railway platforms and stadium decks and factory notices, designed to communicate a command at distance and volume. The 1.618 ratio delivers the marquee scale the phrase demands. Atkinson Hyperlegible handles all supporting text with clinical clarity beneath.
Deep indigo at H:252° is the only color available in the mandate zone (230°–275°) that hasn't been touched in the recent archive, and it is genuinely the right choice rather than a tactical mandate-fill. Indigo is the color of pre-dawn concentration — the hour when you are awake before the noise begins, before the past or future intrude. The full-drench strategy (background is deep indigo-black #0A0820, phrase is near-white #F0EFFF, every neutral tinted toward the same violet-blue family) means you arrive on the page already inside the hue. The phrase doesn't float on a field — it emerges from the same chromatic world as the darkness around it, as if it was always there and the page simply let you see it.
Signal integration
height: 8vhTIGERS 8–0 in font-family: Big Shoulders Display; font-size: 11px; letter-spacing: 0.20em; color: #ACA3FF (indigo.300) — the win formatted as a dispatch headline, the blowout requiring no embellishment— BUDDHA in Atkinson Hyperlegible 10px, letter-spacing: 0.15em, color: #544F70 (stone.500) — the phrase itself IS the hero; the attribution is a footnote, not a feature◑ 84.9% in the signal bar·:
TIGERS 8–0 · ◑ 84.9% · MEMORIAL TBD · 14.6 HRS DAYLIGHT · 3 JUN 2026 · — BUDDHA
All in font-size: 11px; letter-spacing: 0.20em; text-transform: uppercase; color: #544F70, with #ACA3FF accent on the Tigers score only03
deep indigo
hsl(252 88% 44%)
Deep indigo drench — the blue-hour hue of a mind that has stopped dividing its attention; the page itself becomes an act of concentration, background and phrase sharing the same chromatic world at opposite ends of its luminosity scale.
04
Color — 2 ramps, 20 stops
indigo
stone
05
No composition grammar. The pipeline had no such concept in the color-directed era.
06