01
02
Electric verdure drench on the first fold — four imperatives in Anton at wall scale hammered into the vivid green, then deep forest dark for the work and signals below, Nightingale's manifesto given the banner it deserves on the last day of June.
Why
The hero phrase arrived without competition from Earl Nightingale's quote in today's signals. "Build. Work. Dream. Create." is four monosyllabic imperatives separated by full stops — the grammar of a manifesto, not a sentence. Each word is a complete command. The rhythm accelerates (one syllable, one syllable, one syllable, two syllables, full stop). On the last day of June, with risk weight at 8/10, this phrase earns marquee scale not through drama but through conviction — it is the exact philosophy of a maker's portfolio rendered as pure language.
Stack was the only archetype that could honor the phrase's grammar without flattening it. The four imperatives ARE four bands: each word gets its own moment, its own vertical territory, its own line. The layout enacts what the words say. Anton at clamp(6.5rem, 13.5vw, 15rem) — from the anton-inter-tight chassis, which explicitly names Stack in its archetype affinities — renders each word at ~194px on 1440px wide. Four lines at 0.88 line-height stack to ~683px, fitting cleanly in the hero band's content area. Below the hero band, two dark forest bands carry the work catalog and signal data, creating maximum visual contrast between the vivid green first fold and the deep content that follows.
The color mandate forced the choice and the choice is exactly right: H:117° is the only open corridor (102°–125°) after six builds, and it is also the precise color of midsummer growth — chlorophyll, field, alive. The vivid green drench at #19D413 against the deep forest near-black #011509 of the content bands creates the Stack's "each band is a distinct moment" requirement structurally, not decoratively. Contrast ratios: imperatives on hero band 10.4:1, body text on dark 20.6:1, accent on dark 13.9:1 — all significantly above WCAG AA. The golf result (Hovland wins at −22) and Tigers victory (7−3) surface in the signals band beneath, earning their own Inter Tight treatment without competing with the phrase above.
Visual specification
1. Color Specification
#F3FFF6 · 100: #E2F5E8 · 200: #C4E8CF · 300: #95CCB0 · 400: #66AB90 · 500: #44896E · 600: #2E6A52 · 700: #1C4D3A · 800: #0F3325 · 900: #081B13#19D413 (H:117°, vivid)#3AEC2E (lighter, H:117°)#6BF761#10A50B#011509 (deep forest, near-black with green tint)#02300A#19D413 (the drench)#F3FFF6 — near-white, green-tinted (~20:1 on #011509)#95CCB0#44896E#011509 — deep forest on vivid green, ~10.4:1 ✓2. Typography
anton-inter-tight chassis display token), four words stacked in a single left-aligned column. Each word on its own line. Size: clamp(6.5rem, 13.5vw, 15rem). On 1440px viewport: 13.5vw = 194px × 4 lines × 0.88 line-height = ~683px total, fitting comfortably in the hero band's content area after nav.textInverse (#011509) on bgHero (#19D413). Periods rendered in the same ink — the rhythm is in the stops, not the color.textInverse at 55% opacity, left-aligned, padding-top: 2rem.0.88. Body: 1.5. Section headers: 1.0.-0.03em. Label/small-caps: 0.10em. Body: 0. Muted metadata: 0.04em.3. Layout Specification
display: grid; grid-template-rows: 100vh auto auto; — three bands stacked vertically.min-height: 100vh, background: bgHero (#19D413). Full viewport width, padding: 0 6vw.min-height: auto, background: bg (#011509). padding: 96px 6vw.min-height: auto, background: #02300A (one step lighter than page bg). padding: 72px 6vw.max-width: none — full canvas at all viewports.6vw on all bands (never a fixed sidebar).display: flex; justify-content: space-between; align-items: center; padding: 24px 6vw; position: absolute; top: 0; left: 0; right: 0;. Logo/name left in Inter Tight semibold, nav links right in Inter Tight sm uppercase letter-spaced. Both in textInverse (#011509) on the vivid green bg.display: flex; flex-direction: column; justify-content: center; padding: 80px 6vw 48px). The four stacked words occupy roughly 680px × 700px (at 1440 × 900 viewport), left-aligned. Attribution 2rem below final word.background: rgba(1,21,9,0.25)) with ticker-style metadata in Inter Tight 11px, textInverse.4. Component Character
4px (md). Buttons: 2px (sm). Tags: 2px. No rounding on hero elements.1px solid border (#054F2A) on work rows and dividers — the line as a structural element, not decoration.padding: 20px 0, bordered rows).#3AEC2E) on hover with underline. Project rows → subtle background lift to bgCard. Nav links → 80% opacity default, 100% on hover.5. Signal Integration
0.08em.clamp(2.5rem, 4vw, 3.5rem) Anton, accent green; Scheffler "−21" and Morikawa "−20" in smaller Inter Tight secondary text. Section header "TRAVELERS CHAMPIONSHIP · FINAL" in small caps, muted.1rem, accent color, with opponent in secondary text beside it. Positioned inline in signals band.Self-check
anton-inter-tight; the summer verdure palette at H:117° amplifies the "alive/growth" register of the imperatives and satisfies the mandate's only open corridor.clamp(6.5rem, 13.5vw, 15rem) yields ~194px per word at 1440px; four lines at 0.88 line-height = ~683px total, well within a 100vh (900px) band after nav clearance.Rationale
The hero phrase arrived without competition from Earl Nightingale's quote in today's signals. "Build. Work. Dream. Create." is four monosyllabic imperatives separated by full stops — the grammar of a manifesto, not a sentence. Each word is a complete command. The rhythm accelerates (one syllable, one syllable, one syllable, two syllables, full stop). On the last day of June, with risk weight at 8/10, this phrase earns marquee scale not through drama but through conviction — it is the exact philosophy of a maker's portfolio rendered as pure language.
Stack was the only archetype that could honor the phrase's grammar without flattening it. The four imperatives ARE four bands: each word gets its own moment, its own vertical territory, its own line. The layout enacts what the words say. Anton at clamp(6.5rem, 13.5vw, 15rem) — from the anton-inter-tight chassis, which explicitly names Stack in its archetype affinities — renders each word at ~194px on 1440px wide. Four lines at 0.88 line-height stack to ~683px, fitting cleanly in the hero band's content area. Below the hero band, two dark forest bands carry the work catalog and signal data, creating maximum visual contrast between the vivid green first fold and the deep content that follows.
The color mandate forced the choice and the choice is exactly right: H:117° is the only open corridor (102°–125°) after six builds, and it is also the precise color of midsummer growth — chlorophyll, field, alive. The vivid green drench at #19D413 against the deep forest near-black #011509 of the content bands creates the Stack's "each band is a distinct moment" requirement structurally, not decoratively. Contrast ratios: imperatives on hero band 10.4:1, body text on dark 20.6:1, accent on dark 13.9:1 — all significantly above WCAG AA. The golf result (Hovland wins at −22) and Tigers victory (7−3) surface in the signals band beneath, earning their own Inter Tight treatment without competing with the phrase above.
Signal integration
0.08em.clamp(2.5rem, 4vw, 3.5rem) Anton, accent green; Scheffler "−21" and Morikawa "−20" in smaller Inter Tight secondary text. Section header "TRAVELERS CHAMPIONSHIP · FINAL" in small caps, muted.1rem, accent color, with opponent in secondary text beside it. Positioned inline in signals band.03
electric verdure
hsl(117 89% 45%)
Vivid summer green at H:117° — the mandate's only open corridor — drenches the hero band like a breaking field, then gives way to deep forest near-black, so the four imperatives burn against both surfaces.
04
Color — 3 ramps, 30 stops
green
forest
stone
05
No composition grammar. The pipeline had no such concept in the color-directed era.
06