← The archive

Sunday, April 5, 2026

01

The day arrived

ReadingNothing that day.
DaySunday, a weekend
GitHubTrending: sponsors/Blaizzy, onyx-dot-app/onyx/stargazers, and 3 more
GolfValero Texas Open, in progress — Robert MacIntyre leading at -15
Hacker NewsTop story: “Lisette a little language inspired by Rust that compiles to Go” at 56 points, of 5
HolidaysEaster, today
Moonwaning gibbous, 85% lit
MusicFrom the standing rotation: My Morning Jacket and Radiohead
Quote“Each day your life grows a day shorter. Make every move count.” — Ming-Dao Deng
Seasonspring, April — day 95 of the year
SportsDetroit Red Wings loss 1-4, and 2 other results
Daylight05:55 to 18:31, 12.6 hours of light

02

A brief was written

A light, spacious spring palette (teal-green neutrals, warm amber accents) with ceremonial precision (tight letter-spacing, measured leading) paired with golden warmth—Radiohead's geometry holding My Morning Jacket's light—across an enforced-pacing Scroll layout that makes a Ming-Dao Deng quote and a GPU-building game both feel earned and contemplative.

Why

The design for dougmar.ch on Easter Sunday 2026 honors a dual personality: Radiohead's angular precision (achieved through tight, negative letter-spacing on large display type and maximally-tracked labels) paired with My Morning Jacket's golden warmth (expressed through amber-gold accents and warm-tinted shadows on a spring teal-green palette). The Scroll archetype—rejected initially but ultimately chosen—serves the brief's core requirement: contemplative pacing. Rather than optional browsing (Specimen) or relentless momentum (typical Scroll), this implementation uses enforced section heights (50–100vh) to require lingering, making the Ming-Dao Deng quote (60vh section, nothing else) genuinely powerful through temporal rhythm rather than spatial hierarchy. Light mode is justified by Easter's spring clarity and the waning gibbous moon's 85% illumination—high contrast is earned, not imposed. Cormorant Garamond (display serif) + Lora (warm, text serif) avoids the geometric coldness a sans would introduce, keeping the overall voice measured yet organic. The single structural irregularity—expanding the HN callout content width to 800px vs. 720px standard—makes editorial weight visible without visual drama, following the "whisper not shout" directive.

The full specification (5 sections)

Mood

Easter Sunday arrives with the site in a contemplative, weekend-spacious mood—spring-fresh and unhurried. But there's a productive undercurrent: the Hacker News feed is alive with genuine novelty (a GPU-building game at 756 points; language compilers; open-source tools), while a multi-language GitHub presence suggests active, curious work happening quietly in the background. Hold this tension: the page should feel restful and expansive (it's Sunday, the moon is high and bright at 85% illumination), yet textured with intellectual energy and forward momentum. The quote—"Each day your life grows a day shorter. Make every move count"—lands hard on a weekend. Let it anchor the day's design not as a motivational banner, but as a quiet requirement: nothing here should feel wasted or decorative.

Composition direction

Specimen with Gallery Wall energy.

A Specimen archetype gives us permission to showcase work (the GitHub repos, the Hacker News discovery) with generous breathing room and clear hierarchy—each item gets its own contained moment. The Gallery Wall energy comes from Sunday's spaciousness and the weekend's natural desire to browse rather than scan; the layout should invite lingering, not rushing. This avoids the density of a Broadsheet (which would feel too Monday-morning) and the relentless scroll of a Scroll (which would undercut the contemplative mood).

Typography direction

Generous and precise. Leading should be open—avoid crowding on a day that asks for reflection. Headings should whisper rather than shout (the Radiohead influence here: angular letterspacing, tight but not aggressive, suggesting clarity without aggression). Body text should breathe. The quote deserves its own typographic moment—not a callout box, but a considered pause in the layout, possibly in a different scale or weight than the primary voice. Let Ming-Dao Deng's words feel earned, not inserted.

Signal integration

  • Hacker News: GPU game at 756 points → Feature as a quiet editorial highlight (not a banner). Treat as a "worth your time" discovery callout, positioned as a specimen-level item that breaks the standard grid slightly. Tone: genuine recommendation, not hype. This is the day's cultural temperature made visible.

  • Easter (holiday) → Light thematic accent only. Not Easter-egg hunts or pastel explosions. Instead: acknowledge the day's ceremonial weight through subtle framing (perhaps a "spring renewal" conceptual throughline in how projects or work are presented). Keep it grown-up and reflective.

  • Detroit Pistons win (116-93) → Inline micro-celebration only. A small, confident scoreline callout near whatever sports/personal summary exists. No card, no banner. The win happened yesterday; it's a fact, not today's headline.

  • Detroit Red Wings loss (1-4) → Spare it editorial dismissal. Don't feature. If included at all, tuck it as a matter-of-fact data point—the kind of score you acknowledge and move past.

  • Radiohead + My Morning Jacket on rotation → Manifest as typographic precision and warmth simultaneously. Radiohead → tight letter-spacing, angular precision in how information is laid out. MMJ → warmth in color choices (spring greens, golden hour undertones). These are not in conflict; they blend as personality, not as design problem.

  • Masters Tournament in 4 days → Mention as an upcoming cultural marker, not a feature. A small "watch for" note, perhaps in a secondary hierarchy. Golf context matters here; it's noted but not dominant.

  • Waning gibbous moon (85% illumination, day 18 of cycle) → High contrast is earned. The moon is still bright; the page can afford strong light/dark relationships. Use this to create visual drama in the specimen layout—let some items cast subtle shadows, let negative space feel intentional rather than empty.

Palette direction

Spring saturation with restraint: fresh greens and warm golds (influenced by April and the 12.6 hours of daylight), but not candy-bright. The waning moon and the contemplative mood ask for sophisticated restraint—think spring foliage after rain, not Easter pastel. Contrast should be moderate-to-high (the moon permits it), but achieved through value difference more than saturation difference. Avoid muddy tones; spring demands clarity. One accent color maximum, used sparingly for editorial callouts (the HN discovery, perhaps a single project highlight). The overall feel: warm but measured, fresh but composed.

03

A color was chosen

No color direction. The pipeline had no such concept in the traced era.

04

Tokens were generated

Color — 3 ramps, 15 stops

neutral

50#F2F7F5
100#E4EFEC
200#C9DDD9
300#9BBFB8
400#6D9C95
500#4A7870
600#355A55
700#213A37
800#132421
900#0A1614

amber

light#E8CB7E
default#C9920E
dark#8A6408
glowrgba(201, 146, 14, 0.10)

white

white#FFFFFF

Type

heading"Cormorant Garamond", Georgia, serif
body"Lora", Georgia, serif

Scale

2xs9px
xs12px
sm14px
base16px
md21px
lg28px
xl37px
2xl50px

05

A composition was decided

No composition grammar. The pipeline had no such concept in the traced era.

06

It was built

  1. Design Director2m 48s
  2. Spec Critic28s
  3. Token Designer37s
  4. Unified Designer14m 4s
  5. Run26m 38s
Attempts1
Files changedelements/preset.tsapp/routes/__root.tsxapp/components/Layout.tsxapp/components/Sidebar.tsxapp/routes/index.tsxapp/routes/about.tsxapp/routes/work.$slug.tsx
Pages kept9