01
02
Beecher's declaration in three lines of 72px Bricolage 800 on parchment stone — the first light-field Poster in six days, amber H:36° as observatory lamp-light, waning crescent and Tigers 11–0 pinned to corners of the 88vh field where the quote breathes alone.
Why
The Beecher quote arrived fully loaded: it's not merely about imagination — it's about the relationship between a container (the observatory, the portfolio, the soul) and the instrument that makes the container meaningful (the telescope, the design system, imagination itself). A portfolio that tears down and reconstitutes its appearance every morning using environmental signals IS the observatory; the creative framework — the signal-reading, the phrase-selection, the color mandates — is the telescope. The quote operates on the site's own operating logic. The 4.6% waning crescent intensifies this: tonight the sky is dark enough to actually need one.
The Poster archetype was the only honest choice. The Beecher quote is a declaration, not an article — it doesn't want to be broken into a newspaper grid or catalogued into rows. It wants to occupy a field alone, at the scale it deserves, with nothing competing. The 88vh hero zone is that field. Bricolage Grotesque at weight 800 and clamp(48px, 4.8vw, 72px) has the expressive warmth this phrase needs — it's not Bebas's industrial authority or Anton's condensed headline confidence; it's something more personal, more variable, more like a person who reads star charts for pleasure and has opinions about the shape of letters.
The parchment stone background (#F5EDD9) is the most experimental decision in this build and the one most directly caused by the phrase. Five consecutive days of near-black darkness in the archive (crimson void, chartreuse near-black, violet void, navy void, indigo void) — going light is the genuinely unexpected move, and the Beecher register earns it. The amber H:36° accent falls in the only open window of the color mandate (28°–45°) and would have been chosen independently: it's the lamp-light that makes the observatory useful, the color of brass fittings and warm reading-room glow, the exact hue of the tool this quote is about. Everything demoted to corners — the Tigers 11–0 pill, the lunar crescent reading, the golf leaderboard — serves as evidence that the instruments are running, the signals are coming in, and the soul with imagination knows what to do with them.
Visual specification
1. Color Specification
#FDFAF5 (bleached parchment)#F5EDD9 (parchment — page background)#E8D9BF (aged paper — card background)#D4C19E (antique border)#BCA57A (warm mid)#9E8458 (stone mid — muted text)#7D6340 (warm shadow)#5C4428 (secondary text)#3A2B16 (deep warm brown)#1A0F05 (near-black — primary text, 16.1:1 on bg ✓)#F5A820 (amber-400)#873F05 (amber-700, 6.5:1 on parchment ✓)#3E1A02 (amber-900)#D4780A (amber-500, 2.7:1 — non-text use only)#F5EDD9; card bg #E8D9BF; sidebar bg #FDFAF5#1A0F05; secondary #5C4428; muted #9E8458; accent-on-light #873F052. Typography
display token, clamp(48px, 4.8vw, 72px), Bricolage Grotesque weight 800. Three-line left-aligned break:
The soul without imagination
is what an observatory
would be without a telescope.
— Henry Ward Beecher. Attribution is right-aligned to the trailing edge of the longest line, creating a typographic anchor.1.05 (monumental, stacked tight); attribution: 1.5; body/signals: 1.5; compact labels: 1.2-0.025em (Bricolage at 800 weight, condensed slightly for poster register); body: 0; all-caps labels: 0.08em3. Layout Specification
88vh parchment zone. Name, navigation, and all signal elements are demoted to the corners of that zone. Nothing competes. The zone is the page.body {
display: grid;
grid-template-rows: 88vh auto;
min-height: 100vh;
background: #F5EDD9;
}
.hero-zone {
position: relative;
padding: 40px 6vw 40px 6vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
max-width: none;
}
.sub-fold {
padding: 32px 6vw;
border-top: 1px solid #D4C19E;
}
min-height: 88vhmax-width: none (full canvas)6vw (viewport-relative)padding: 24px 6vw, height: ~60pxpadding: 64px 6vwposition: absolute; top: 40px; left: 6vw; right: 6vw. Wordmark DOUG MARCH left at Manrope 13px medium stone-600. Nav links work / about right at Manrope 13px normal stone-500. No background, no border — they float as corner text.justify-content: center), left-aligned at 6vw from left edge. On 1440×900, the quote block renders at approximately y: 280px to y: 575px, spanning three lines of ~69px type with 1.05 leading ≈ 217px of live text, plus the attribution at ~20px below — total block height ~250px, centered in the 792px zone with natural visual weight sitting slightly above true center.4. Component Character
0 for hero, blockquote, and large display elements; 2px for score pills and tags; 4px for project tile hover state1px solid #D4C19E (stone-300) for the sub-fold divider and project card outlines. 1px solid #E8D9BF (stone-200) for signal band internal separators.transition: opacity 0.15s ease. Project tiles: background transitions from #F5EDD9 to #E8D9BF on hover, transition: background 0.2s ease. Score pills: no hover state (display only).5. Signal Integration
position: absolute; bottom: 40px; right: 6vw. Typography: Manrope 11px bold uppercase, letter-spacing 0.08em, amber-700 text #873F05 on stone-200 background #E8D9BF, 2px radius, padding: 4px 10px. Reads: TIGERS 11–0.position: absolute; bottom: 40px; left: 6vw. Typography: Manrope 12px, stone-500 #9E8458. Reads: ◑ 4.6% — dark sky tonight. The near-total darkness is the physical context for the quote; naming it here closes the loop.— Henry Ward Beecher rendered below in Manrope 14px normal, amber-700, right-aligned to the quote block's trailing edge.RBC Canadian Open · Cole · Koepka · Burns · Anderson · Theegala · −6 (5-way tie). Five men tied — the crowded leaderboard has its own ambient tension."Demonstrate human effort" — 825 pts. A one-line nod: the signal directly rhymes with the quote's argument that the soul must bring something to the instrument.My Morning Jacket · Guided by Voices · The War on Drugs.Friday, June 12.Self-check
Rationale
The Beecher quote arrived fully loaded: it's not merely about imagination — it's about the relationship between a container (the observatory, the portfolio, the soul) and the instrument that makes the container meaningful (the telescope, the design system, imagination itself). A portfolio that tears down and reconstitutes its appearance every morning using environmental signals IS the observatory; the creative framework — the signal-reading, the phrase-selection, the color mandates — is the telescope. The quote operates on the site's own operating logic. The 4.6% waning crescent intensifies this: tonight the sky is dark enough to actually need one.
The Poster archetype was the only honest choice. The Beecher quote is a declaration, not an article — it doesn't want to be broken into a newspaper grid or catalogued into rows. It wants to occupy a field alone, at the scale it deserves, with nothing competing. The 88vh hero zone is that field. Bricolage Grotesque at weight 800 and clamp(48px, 4.8vw, 72px) has the expressive warmth this phrase needs — it's not Bebas's industrial authority or Anton's condensed headline confidence; it's something more personal, more variable, more like a person who reads star charts for pleasure and has opinions about the shape of letters.
The parchment stone background (#F5EDD9) is the most experimental decision in this build and the one most directly caused by the phrase. Five consecutive days of near-black darkness in the archive (crimson void, chartreuse near-black, violet void, navy void, indigo void) — going light is the genuinely unexpected move, and the Beecher register earns it. The amber H:36° accent falls in the only open window of the color mandate (28°–45°) and would have been chosen independently: it's the lamp-light that makes the observatory useful, the color of brass fittings and warm reading-room glow, the exact hue of the tool this quote is about. Everything demoted to corners — the Tigers 11–0 pill, the lunar crescent reading, the golf leaderboard — serves as evidence that the instruments are running, the signals are coming in, and the soul with imagination knows what to do with them.
Signal integration
position: absolute; bottom: 40px; right: 6vw. Typography: Manrope 11px bold uppercase, letter-spacing 0.08em, amber-700 text #873F05 on stone-200 background #E8D9BF, 2px radius, padding: 4px 10px. Reads: TIGERS 11–0.position: absolute; bottom: 40px; left: 6vw. Typography: Manrope 12px, stone-500 #9E8458. Reads: ◑ 4.6% — dark sky tonight. The near-total darkness is the physical context for the quote; naming it here closes the loop.— Henry Ward Beecher rendered below in Manrope 14px normal, amber-700, right-aligned to the quote block's trailing edge.RBC Canadian Open · Cole · Koepka · Burns · Anderson · Theegala · −6 (5-way tie). Five men tied — the crowded leaderboard has its own ambient tension."Demonstrate human effort" — 825 pts. A one-line nod: the signal directly rhymes with the quote's argument that the soul must bring something to the instrument.My Morning Jacket · Guided by Voices · The War on Drugs.Friday, June 12.03
observatory amber
hsl(36 85% 42%)
H:36° amber is the lamp you read star charts by — the warm functional tool-light inside the dome that makes observation possible, which is exactly the role imagination plays in Beecher's formulation; parchment stone neutrals place the declaration inside a scientific journal where every word has earned its position.
04
Color — 2 ramps, 20 stops
amber
stone
05
No composition grammar. The pipeline had no such concept in the color-directed era.
06