← The archive

Tuesday, March 31, 2026

01

The day arrived

AwwwardsSite of the day: The Lookback, and 2 more
ReadingNothing that day.
DayTuesday
GitHubTrending: microsoft/VibeVoice/stargazers, sponsors/luongnv89, and 3 more
GolfTexas Children's Houston Open, final — Gary Woodland leading at -21
Hacker NewsTop story: “Axios compromised on NPM – Malicious versions drop remote access trojan” at 828 points, of 5
HolidaysEaster in 5 days
Moonfull moon, 98% lit
MusicFrom the standing rotation: Radiohead and My Morning Jacket
Quote“What is planted in each person's soul will sprout. ” — Rumi
Seasonspring, March — day 90 of the year
SportsDetroit Pistons loss 110-114, and 1 other result
Daylight06:03 to 18:26, 12.4 hours of light

02

A brief was written

A portfolio held in the full moon's singular isolation—high-contrast dark stone with one spring-green moment, cinematic rhythm across featured work beats, and the quiet certainty of monospace typography throughout.

Why

This design system prioritizes dark-mode clarity with extreme typographic contrast to match the full moon's isolation in a night sky. The choice of 215° cool hue (shifted from sky blue into stone/archival territory) and the 67px display type with tight leading enforce the Scroll archetype's cinematic pacing while embedding Specimen's expressive scale gaps. JetBrains Mono as the body font is unconventional but structurally honest—it encodes Doug's technical identity into every label and paragraph, avoiding decorative choices in favor of pragmatic code-aesthetic restraint. The spring green accent (#2FA865) appears exactly once, above the Rumi quote, consolidating the planting metaphor into a single seed-dot moment. Every other color decision derives from the cool neutral scale, honoring the brief's demand for restrained, archival feeling rather than vibrant spring abundance.

The full specification (5 sections)

Mood

Today is a threshold moment—literally the last breath of March before spring fully arrives, and figuratively a day caught between two states: full moon brilliance overhead, but early evening already setting in. There's an underlying unease in the air (two sports losses, security breaches dominating tech discourse), yet the quote about planting seeds in souls suggests quiet, deliberate growth. Design this as hopeful tension held within restraint—the site should feel poised and intentional, not panicked. Avoid resolving the conflict between the full moon's dramatic visibility and the day's underlying anxiety into either brightness or darkness; instead, let the design hold both: high contrast where it matters, but compressed and deliberate in its execution.

Composition direction

Specimen with Scroll cadence.

Today calls for a highly curated, deliberately-paced presentation—the Specimen archetype's obsessive focus on discrete elements speaks to both the full moon's isolation in the sky and the careful documentation impulse evident in today's design references (The Lookback as a capsule; The Extraordinary Lab as precision engineering). But Specimen alone risks feeling static on a day of unresolved tensions. Layer in Scroll's rhythm to move viewers through these isolated moments with intention, allowing gravity and pacing to do the emotional work rather than density. This hybrid lets you showcase Doug's work as careful, considered pieces rather than a comprehensive dump—appropriate for a Tuesday when energy is moderate and audiences are mid-week attentive.

Typography direction

Restrained hierarchy with dramatic scale contrast; precision over generosity.

Headings should operate at extremes—either quite large and confident (to match the full moon's 98% illumination and the Rumi quote's certainty) or quite small and whispered (for editorial asides and loss-related callouts). Mid-range type should be tight: letter-spacing crisp and intentional, line-height efficient but not cramped. This mirrors the Radiohead/My Morning Jacket pairing in the music signal—angular precision meeting emotional depth. Avoid warm, generous spacing; today demands clarity and deliberation over comfort.

Signal integration

  • Full moon (98% illumination) → High contrast, dramatic shadows. The page should feel lit by something bright and slightly eerie. Use stark value separation between foreground and background; avoid mid-tone transitions. This is the dominant visual signal and should be felt immediately upon landing.

  • Spring season + 12.4 daylight hours → Fresh but not saturated palette; generous light but not harsh. Greens and warm neutrals are appropriate, but keep saturation moderate. The lengthening day should make the layout feel more open than yesterday, but don't overdo it—we're only 6 days from Easter, and anticipation should feel restrained.

  • Tuesday (weekday, mid-cycle energy) → Structured, rhythmic layout with moderate density. Not sparse, not overwhelming. Let the Specimen + Scroll approach create a steady beat rather than scattered exploration.

  • Detroit Pistons & Tigers losses (110-114, 6-9) → Editorial callouts with dismissive, understated tone. Don't bury these, but don't celebrate them either. Small inline annotations or footnote-style treatments that acknowledge the losses with a shrug—wry, brief, moving on. Treat them as texture, not story.

  • Rumi quote ("What is planted in each person's soul will sprout") → Feature as a quiet anchor, likely in footer or as a chapter transition. This resonates deeply with March-to-April threshold energy and the "planting" metaphor. Position it where it lands like a seed—understated, but impossible to miss on close reading. Don't overdesign it.

  • Awwwards references (Lookback, Lab, Overlake) → Inform composition density and documentation approach, not color or type. These three sites share a documentation-and-storytelling impulse. Borrow their curatorial restraint: let white space work harder than illustration. Favor clear image presentation over decorative overlays.

  • Hacker News security focus (Axios/Claude leaks dominating discourse) → Subtle texture of caution, not alarmism. If implemented, use this as a very light undercurrent—perhaps a slight visual "tension" in how certain UI elements interact, or a wry aside in copy, but never as a dark warning banner. Acknowledge the moment's unease without amplifying it.

  • GitHub activity (Python, TypeScript, HTML repos—technical, pragmatic) → Type treatment hint toward precision and code-aesthetic. No actual code blocks needed, but the signal suggests a user who values practical clarity over flourish. Keep type families to 2 maximum; favor monospace for any functional text; no decorative type.

Palette direction

High contrast cool-neutrals anchored by spring greens; restrained saturation; dramatic value separation.

The full moon dominates the color temperature here—expect strong blacks/near-blacks and very bright neutrals/whites as a foundation, with spring greens introduced as an accent (not the primary) to honor the season. Avoid warm ochres or golden tones; instead, let any warmth come from off-whites and light grays. Saturation should remain controlled across the board—this is not a vibrant spring design, it's a precise spring design. The high contrast requirement (driven by the moon and the need to hold visual tension) means shadows should be deep and light areas should be crisp, with minimal mid-tones. Think archival photograph + spring garden, not floral abundance.

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

neutral

50#EFF3F7
100#DCE5EF
200#BDC9D6
300#92A6B8
400#677E93
500#445E70
600#2C4055
700#19293A
800#0E1C28
900#070F16

accent

light#7DC49A
default#2FA865
dark#1A7043

Type

headingSpace Grotesk, sans-serif
bodyJetBrains Mono, monospace

Scale

2xs9px
xs12px
sm14px
base16px
md21px
lg28px
xl37px
2xl50px
displayclamp(44px, 8vw, 67px)

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 14s
  2. Spec Critic1m 14s
  3. Token Designer1m 37s
  4. Unified Designer12m 53s
  5. Run22m 14s
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