01
02
Terracotta fire on near-void dark — Pema Chodron's monster-mind imperative at 5.5vw in Big Shoulders weight-800 dominates three-quarters of a Gallery Wall canvas, Hovland's −20 burning orange in the right panel, and the full moon bearing silent witness at the bottom.
Why
The hero phrase arrived without competition. Today's signals are quieter than most — the Tigers lost yesterday, the Travelers Championship is mid-round with a clean leaderboard but no single dramatic upset, and Hacker News offers no cultural moment strong enough to carry a hero. Into this relative quiet, Pema Chodron's line about spending whole lives escaping from monsters of our minds lands with the full weight of a full moon Sunday. It passes every poster test in isolation: it doesn't need context, it doesn't need explanation, and it invites the reader to complete the implication themselves. On a portfolio site that reconstitutes itself daily precisely to avoid the trap of sameness, the phrase is also quietly meta — every rebuild is a small act of not escaping, of showing up and making the thing again.
Gallery Wall was the archetype choice because the Chodron line doesn't want to be the only thing on the page (that's Specimen) and it doesn't want to share equal billing with other content (that's a Scroll or Stack). It wants to be the dominant block in a room where other blocks also exist — the golf tournament (Hovland at -20, Scheffler one back on Sunday, a genuine leaderboard drama) earns its own panel as a secondary block, and the signals-plus-projects bottom band grounds the page in practical information. The Gallery Wall's asymmetric blocks-on-a-dark-wall structure gives the quote its weight while refusing to leave the rest of the day unacknowledged.
Big Shoulders Display condensed at weight 800 was the only chassis that could solve the typographic challenge: a 13-word literary quote needs a condensed display face to stack into four tight marquee-scale lines without either shrinking below impact or overflowing a block. The terracotta palette at H:22° is the single open corridor in the color mandate, but it is also the honest choice — burnt orange is the color of heat that illuminates without destroying, the exact emotional register of Chodron's instruction to name the monsters rather than run.
Visual specification
1. Color Specification
2. Typography (chassis-derived)
display token, clamp(2.5rem, 5.5vw, 6.5rem) — weight 800, all-uppercase via text-transform: uppercase, line-height 0.88, letter-spacing -0.02em. At 1440px (5.5vw = ~79px), the 13-word quote breaks across four tight lines inside the dominant 75%-width left block:
WE CAN SPEND
OUR WHOLE LIVES
ESCAPING FROM THE
MONSTERS OF OUR MINDS.
3. Layout Specification
display: grid;
grid-template-columns: 3fr 1fr;
grid-template-rows: 48px 1fr 180px;
gap: 12px;
padding: 32px 5vw;
min-height: 100vh;
max-width: none;
box-sizing: border-box;
4. Component Character
5. Signal Integration
clamp(2rem, 3.5vw, 3.5rem) Big Shoulders weight 800, accent orange #F05428 — dominates the panelSelf-check
Rationale
The hero phrase arrived without competition. Today's signals are quieter than most — the Tigers lost yesterday, the Travelers Championship is mid-round with a clean leaderboard but no single dramatic upset, and Hacker News offers no cultural moment strong enough to carry a hero. Into this relative quiet, Pema Chodron's line about spending whole lives escaping from monsters of our minds lands with the full weight of a full moon Sunday. It passes every poster test in isolation: it doesn't need context, it doesn't need explanation, and it invites the reader to complete the implication themselves. On a portfolio site that reconstitutes itself daily precisely to avoid the trap of sameness, the phrase is also quietly meta — every rebuild is a small act of not escaping, of showing up and making the thing again.
Gallery Wall was the archetype choice because the Chodron line doesn't want to be the only thing on the page (that's Specimen) and it doesn't want to share equal billing with other content (that's a Scroll or Stack). It wants to be the dominant block in a room where other blocks also exist — the golf tournament (Hovland at -20, Scheffler one back on Sunday, a genuine leaderboard drama) earns its own panel as a secondary block, and the signals-plus-projects bottom band grounds the page in practical information. The Gallery Wall's asymmetric blocks-on-a-dark-wall structure gives the quote its weight while refusing to leave the rest of the day unacknowledged.
Big Shoulders Display condensed at weight 800 was the only chassis that could solve the typographic challenge: a 13-word literary quote needs a condensed display face to stack into four tight marquee-scale lines without either shrinking below impact or overflowing a block. The terracotta palette at H:22° is the single open corridor in the color mandate, but it is also the honest choice — burnt orange is the color of heat that illuminates without destroying, the exact emotional register of Chodron's instruction to name the monsters rather than run.
Signal integration
clamp(2rem, 3.5vw, 3.5rem) Big Shoulders weight 800, accent orange #F05428 — dominates the panel03
terracotta fire
hsl(22 90% 55%)
Terracotta at H:22° is the color of heated iron and unfired clay — it burns without consuming, which is exactly the register Chodron's line inhabits: urgent awareness under a full moon, not panic.
04
Color — 3 ramps, 26 stops
orange
taupe
night
05
No composition grammar. The pipeline had no such concept in the color-directed era.
06