← The archive

Friday, April 3, 2026

01

The day arrived

AwwwardsSite of the day: The Gum, and 2 more
ReadingNothing that day.
DayFriday
GitHubTrending: siddharthvaddem/openscreen/stargazers, sponsors/Yeachan-Heo, and 2 more
GolfValero Texas Open, in progress — Mark Hubbard leading at -7
Hacker NewsTop story: “Proton Meet Isn't What They Told You It Was” at 77 points, of 5
HolidaysEaster in 2 days
Moonfull moon, 97% lit
MusicFrom the standing rotation: Radiohead, Tobin Sprout, and 1 more
Quote“Dreams provide nourishment for the soul, just as a meal does for the body.” — Paulo Coelho
Seasonspring, April — day 93 of the year
SportsDetroit Red Wings win 4-2, and 1 other result
Daylight05:58 to 18:29, 12.5 hours of light

02

A brief was written

A light-mode Gallery Wall for spring's long daylight and the full moon's clarity—sage neutrals and structured sans-serif restraint, where each portfolio piece breathes separately and the rust accent appears only where it matters most.

Why

Doug's portfolio demands a light-mode design system that uses restraint as its primary tool—clear spatial hierarchy, high contrast for legibility and moonlit drama, and a typographic voice that favors angular precision over warmth. The sage-olive neutral palette (hue 92°) grounds the design in early-April freshness without saturation, while the rust accent (#C26535) appears structurally only once (the quote's vertical rule), preventing visual chaos. The Perfect Fourth scale (1.333) with Switzer headings and IBM Plex Sans body creates the brief's "angular Radiohead energy"—tight tracking in functional text, open breathing in paragraphs. Semantic tokens map the neutral scale to readable roles (bg, text.secondary, text.muted, border), enabling consistent Gallery Wall placement of projects without tonal guesswork. The spacing scale is anchored to 4px, respecting the spec's explicit dimensions (20px gaps, 24px whitespace rows, 40–80px section padding).

The full specification (5 sections)

Mood

Spring Friday afternoon—the light is long and the energy is forward-facing, but there's a restless quality to today. The full moon at 96% illumination brings contrast and clarity, while the awwwards references whisper that image-driven, subtle-interaction design is having a moment. Hold the tension between the relaxed Friday energy and the precise, almost architectural restraint visible in the winning sites. Don't soften into weekend leisure; instead, let Friday's structural clarity meet spring's renewal. The result should feel like a portfolio that knows what it's showing you, with no wasted movement.

Composition direction

Gallery Wall with Specimen undertones.

Today's reference sites (especially The Gum and The Tawaraya) prioritize imagery as the primary navigation and editorial voice—they're curated collections, not linear narratives. A Gallery Wall archetype respects this image-forward signal. The Specimen undercurrent arrives via the full moon's demand for contrast and clarity; individual pieces should have breathing room and deliberate white space around them, not a packed salon hang. This hybrid lets work speak loudly while maintaining the Friday restraint that says "each thing here matters separately."

Typography direction

Generous and precise. Type should breathe—loose letter-spacing, generous line-height, ample margins around text blocks—but maintain strict hierarchy through weight and scale alone, never color or ornament. Headings should whisper rather than shout; they're organizational signposts, not declarations. Let the imagery carry the emotional weight. The angular precision of Radiohead's influence and the full moon's high-contrast demand should manifest as clean, unadorned sans-serif with tight tracking only in small, functional text (dates, labels, callouts). Nothing friendly or rounded today.

Signal integration

  • Full Moon (96% illumination) → High-contrast, sculptural lighting on all imagery. Shadows should be deliberate and dark; highlights should be bright. No soft, diffused treatment. The page should feel like it's being lit by moonlight—dramatic without being theatrical.

  • Spring season + 12.5 daylight hours → Palette draws from fresh greens and earth tones, but treated with restraint. Not pastel, not saturated. Think early-April garden—muted sage, soft clay, pale cream. The long daylight should mean airy spacing and generous whitespace; the page feels less dense than a winter brief.

  • Friday (day_index: 5) → Structural clarity without weekend sprawl. Friday is organized and forward-facing. Navigation and hierarchy should be crisp. No lazy, exploratory wandering. The user should understand the information architecture immediately.

  • Awwwards imagery-led design trend → Prioritize photography/visual work in the composition. Text should serve images, not the reverse. If portfolio projects are shown, let them dominate the viewport. Interactions should be subtle—hover states, gentle transitions—not playful or obvious.

  • Detroit sports wins (Red Wings 4-2, Pistons 113-108) → Minimal editorial acknowledgment, tucked as a small, matter-of-fact callout. Not celebratory; treated like a scoreboard update. Inline, brief, factual tone. This is context, not content.

  • Radiohead + Tobin Sprout + Wet Leg on rotation → Angular, precise typographic personality. These artists share a preference for clarity and edge over warmth. Type spacing should be tight in callouts; rhythmic and structured in longer passages.

  • Paulo Coelho quote ("Dreams provide nourishment...") → Include but subordinate. The quote resonates with spring renewal and the lunar cycle, but it should not be the visual hero. Feature it as a quiet, single-line element—perhaps near a project heading or tucked as a subtle atmospheric element. Treat it as context, not declaration.

  • Valero Texas Open (golf) + Easter approaching in 2 days → Acknowledge Easter lightly as thematic undertone, ignore golf leaderboard. Easter is close enough to register as minor seasonal tension, but it shouldn't drive design. No bunnies, no pastels. Just the subtlest hint of renewal/resurrection in how transitions and micro-interactions reveal new content.

Palette direction

Cool-warm balance with emphasis on restraint and contrast. Primary palette: soft, desaturated earth tones (sage, taupe, pale clay) layered against a near-white background. The full moon demands high contrast, so use deep charcoal or nearly-black for text and shadows—this creates drama without saturation. Spring's freshness should arrive through the absence of gray, not through bright greens or pastels. Accent with one warm tone (soft rust or ochre) used sparingly—perhaps in a border, a thin line, or a small detail that draws the eye to key work. Overall feeling: sophisticated, slightly cool, with just enough warmth to prevent coldness. Muted but not dull; precise but not clinical.

03

A color was chosen

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

04

Tokens were generated

Color — 2 ramps, 13 stops

stone

50#F3F5EE
100#E8EBE1
200#D2D6C8
300#AFB6A3
400#8A9280
500#636B56
600#484F3C
700#2D3224
800#181D11
900#0D110A

rust

light#DBA882
DEFAULT#C26535
dark#9A4A1C

Type

headingSwitzer, sans-serif
body"IBM Plex Sans", sans-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 Director3m 32s
  2. Spec Critic1m 0s
  3. Token Designer40s
  4. Unified Designer14m 31s
  5. Run20m 12s
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