01
02
Anton inscription in amber gold on near-black void — Beverly Sills' aphorism at monument scale, two-line taper from 82% to 70% canvas width, warmstone signal strip holding Mother's Day, golf, and two quiet Detroit losses in the civilizational quiet below.
Why
The hero phrase found itself the moment Beverly Sills' quote surfaced from the signal feed on Mother's Day. The sentence is a monument in miniature: six words, zero hedging, scalable to any size without losing meaning. A portfolio site that rebuilds itself daily is already an argument that design is a kind of authorship — a signature left across time — so the phrase isn't borrowed decoration; it's a description of what the site does. That triple resonance (Sills as cultural figure, Mother's Day, portfolio-as-signature) made the choice automatic.
The Specimen archetype is the only honest container for a phrase this self-sufficient. The quote does not need context, support, or competing elements — it needs a ground large enough to let it land. Anton at clamp(64px, 7.2vw, 108px) renders two lines that together span 70–80% of the canvas both horizontally and vertically, turning the viewport into a single slab of inscription. The condensed letterforms of Anton are specifically right here: they give the phrase declaration without performance, authority without drama. Inter Tight in the signal strip provides legible contrast — the workhorse beneath the monument — without intruding on the quote's isolation.
Amber at H:35° on near-black #0F0B07 is the design's single chromatic event. This is the color of gold leaf, candlelight on old paper, wax seals, the illuminated edges of parchment — the whole visual vocabulary of "civilization" as a material fact rather than an abstraction. The palette lands squarely in the mandated 20°–50° window with no overlap against any of the last seven days' primaries. The warmstone neutral family tints every surface toward the same amber frequency, so even the near-black background participates in the palette rather than sitting as anonymous void. The signal strip at the bottom carries Mother's Day in amber.400, golf and scores in stone.300, and two Detroit losses in quiet muted warmstone — today is a civilizational day, not a scoreboard day, and the palette knows it.
Visual specification
1. Color Specification
#F8F4EF | 100: #EDE6DC | 200: #D8CCBC | 300: #BBAA96 | 400: #988572 | 500: #736050 | 600: #534540 | 700: #382E28 | 800: #1C1410 | 900: #0F0B07#F5C060 | default #F2A82A | dark #D48520 | glow #F2A82A at 0.35 opacity#0F0B07 | card bg #1C1410 | signal strip #140E09#FFD998 (amber.200, ~17:1 contrast on bg) | secondary #F2A82A (amber.400, ~8.8:1) | muted #988572 (stone.400, ~5.8:1)Contrast verification:
#FFD998 on #0F0B07: ~17:1 ✓ WCAG AAA#F2A82A on #0F0B07: ~8.8:1 ✓ WCAG AAA#988572 on #0F0B07: ~5.8:1 ✓ WCAG AA (≥4.5:1)2. Typography
clamp(64px, 7.2vw, 108px). Two centered lines:
ART IS THE SIGNATURE — at 108px, ~20 chars × 0.55em-width Anton ≈ 1188px (82% of 1440px)OF CIVILIZATIONS. — at 108px, ~17 chars × 0.55em ≈ 1010px (70% of 1440px)#F2A82A (amber.400); Anton renders well at this weight without needing bold variant— BEVERLY SILLS; centered, 28px below the quote block3. Layout Specification
body {
display: grid;
grid-template-rows: 1fr 48px;
min-height: 100vh;
max-width: none;
}
.hero-zone {
display: grid;
place-items: center;
padding: 80px 6vw 0;
}
.signal-strip {
display: flex;
align-items: center;
gap: 32px;
padding: 0 6vw;
height: 48px;
border-top: 1px solid #382E28;
}
min-height: calc(100vh - 48px)height: 48px, fixed bottom, full width, background: #140E09none — viewport-relative, side padding 6vwplace-items: center within hero grid row"DOUG MARCH" top-left at padding: 28px 6vw, Inter Tight 12px, letter-spacing 0.12em, opacity 0.35; nav links WORK · ABOUT top-right at same vertical position, same treatment. Nav disappears into the background — it is present but does not compete.1188px wide × 220px tall at 1440px viewport, with ~280px breathing space above and below (after nav clearance and signal strip).4. Component Character
none (0px) everywhere — the inscription aesthetic allows no softening; a monument has no rounded corners1px solid #382E28 (stone.700) separating signal strip from hero zone; no card borders#F5C060 (amber.300), opacity 1.0, no transition needed; signal strip items are non-interactive; quote text is purely presentational5. Signal Integration
gap: 32px, padding: 0 6vw, background: #140E09, border-top: 1px solid #382E28 — all environmental data compressed into one dense band so nothing competes with the quote above✿ MOTHER'S DAY in amber.400 (#F2A82A), Inter Tight 12px, letter-spacing 0.10em; it is the warmest item in the coldest zone of the page, a deliberate tonal echo of the Sills quoteTRUIST · FITZPATRICK −14 in stone.300 (#BBAA96), tabular-nums, 12px; score in amber.400DET 109–116 (Pistons), DET 1–5 (Tigers) in stone.400 — both losses rendered quietly in muted warmstone; today is a civilizational day, not a scoreboard dayWET LEG · GBV in stone.500, 11px — ambient presence🌘 31% in stone.400, 12px — waning crescent noted without dramaWCCWTS ↗ in stone.500, 11px, right-end of strip — a whispered reference to "What Color Was The Sky," which shares the quote's atmospheric registerSelf-check
clamp(64px, 7.2vw, 108px) produces a two-line block of ~220px; after subtracting 80px nav clearance, 28px attribution, and 48px signal strip, ~620px of vertical breathing space remains, centering the quote block with ~310px above and below — full Specimen scale without overflow.Rationale
The hero phrase found itself the moment Beverly Sills' quote surfaced from the signal feed on Mother's Day. The sentence is a monument in miniature: six words, zero hedging, scalable to any size without losing meaning. A portfolio site that rebuilds itself daily is already an argument that design is a kind of authorship — a signature left across time — so the phrase isn't borrowed decoration; it's a description of what the site does. That triple resonance (Sills as cultural figure, Mother's Day, portfolio-as-signature) made the choice automatic.
The Specimen archetype is the only honest container for a phrase this self-sufficient. The quote does not need context, support, or competing elements — it needs a ground large enough to let it land. Anton at clamp(64px, 7.2vw, 108px) renders two lines that together span 70–80% of the canvas both horizontally and vertically, turning the viewport into a single slab of inscription. The condensed letterforms of Anton are specifically right here: they give the phrase declaration without performance, authority without drama. Inter Tight in the signal strip provides legible contrast — the workhorse beneath the monument — without intruding on the quote's isolation.
Amber at H:35° on near-black #0F0B07 is the design's single chromatic event. This is the color of gold leaf, candlelight on old paper, wax seals, the illuminated edges of parchment — the whole visual vocabulary of "civilization" as a material fact rather than an abstraction. The palette lands squarely in the mandated 20°–50° window with no overlap against any of the last seven days' primaries. The warmstone neutral family tints every surface toward the same amber frequency, so even the near-black background participates in the palette rather than sitting as anonymous void. The signal strip at the bottom carries Mother's Day in amber.400, golf and scores in stone.300, and two Detroit losses in quiet muted warmstone — today is a civilizational day, not a scoreboard day, and the palette knows it.
Signal integration
gap: 32px, padding: 0 6vw, background: #140E09, border-top: 1px solid #382E28 — all environmental data compressed into one dense band so nothing competes with the quote above✿ MOTHER'S DAY in amber.400 (#F2A82A), Inter Tight 12px, letter-spacing 0.10em; it is the warmest item in the coldest zone of the page, a deliberate tonal echo of the Sills quoteTRUIST · FITZPATRICK −14 in stone.300 (#BBAA96), tabular-nums, 12px; score in amber.400DET 109–116 (Pistons), DET 1–5 (Tigers) in stone.400 — both losses rendered quietly in muted warmstone; today is a civilizational day, not a scoreboard dayWET LEG · GBV in stone.500, 11px — ambient presence🌘 31% in stone.400, 12px — waning crescent noted without dramaWCCWTS ↗ in stone.500, 11px, right-end of strip — a whispered reference to "What Color Was The Sky," which shares the quote's atmospheric register03
amber gold
hsl(35 90% 40%)
Amber on near-black: the color of candlelight on old vellum, gold leaf in an illuminated manuscript, a wax seal pressed into history — the palette makes 'civilizations' feel earned rather than merely declared, and lands squarely in the mandated 20°–50° window untouched by any of the last seven builds.
04
Color — 2 ramps, 20 stops
amber
stone
05
No composition grammar. The pipeline had no such concept in the color-directed era.
06