01
02
A literary technologist's portfolio assembled in the quiet of a new moon spring evening — warm linen, dark sage, and Playfair Display's bracketed serifs holding space between the unglamorous work of showing up and the long daylight still ahead.
Why
This system builds on the Visual Specification's Stack archetype with a warm amber-sand neutral foundation (H:55°) anchored by a sage green accent (H:112°). The palette encodes the new moon's restraint — no pure black, no pure white, every stop hue-tinted — while the Perfect Fourth type scale gives Playfair Display room to command at 50px without overwhelming Source Sans 3's humanist body text at 16px. The Stack's band-based density model drives spacing: 96px major band padding signals the 13-hour daylight openness, while the tight 1.05 line-height on display type and generous 1.62 on body create the "assembled but deliberate" personality the GBV/MMJ signals call for.
The semantic token layer maps cleanly to the six band contexts — dark band text (#EEE8D8), light band text (#2D2820), sage accent, honey-gold secondary — so component authors never reach for raw hex values. The honey-gold is confined to its signal role (footer Tigers notation, dark-band links) and never bleeds into the primary content register.
Mood
Mid-week spring momentum meets the pull of deep technical work — a day of quiet persistence rather than celebration. The new moon (nearly dark, nearly invisible) creates an understated atmospheric baseline, while long April daylight (13 hours) wants to push the design toward openness. These don't conflict so much as they layer: the site should feel illuminated but not loud, with plenty of breathing room but an underlying sense of focus and depth. The Og Mandino quote ("If I persist long enough I will win") anchors the day's philosophy — not triumph, but the unglamorous work of showing up. Let this be felt in restraint, not absence.
Composition direction
Scroll with Specimen moments.
Wednesday mid-week energy calls for sequential revelation rather than all-at-once density. The scroll archetype lets content unfold as the reader moves down — matching the gradual emergence of daylight over a 13-hour spring day. Anchor this with 2–3 Specimen-like pauses (a single element blown up, given space, treated as artifact) to showcase the GitHub work and the resonant quote. This hybrid prevents the scroll from becoming pure feed; instead it's punctuated by moments of intentional focus.
Typography direction
Generous leading and moderate letter-spacing throughout — the long daylight hours and new moon's quietness both argue against compression. Headings should speak at a conversational volume, not shout. Let type breathe. Use scale shifts (not color shifts) to create hierarchy, with one or two moments of dramatic enlargement (Specimen pauses). Avoid angular or aggressively tight spacing; instead, lean into the precision of the technical signals (TypeScript, Python, compiler theory) through clean, well-kerned letterforms that feel deliberate without feeling cold.
Signal integration
New Moon (Illumination 0.011) → Reduce overall contrast subtly. The page should feel like it's lit by the thinnest sliver of reflected light — not dim, but not high-contrast either. Embrace mid-tone relationships over stark black/white. This is the day's strongest atmospheric signal and should inform the entire palette temperature.
Spring + 13 Daylight Hours → Airy, generous whitespace. April's length and spring's freshness mean the layout should feel uncluttered and spacious. Long days permit breathing room; don't fill it.
Og Mandino Quote → Feature as Specimen pause. "If I persist long enough I will win" deserves its own moment — enlarged, centered, given air. Not a callout or caption; a standalone artifact. Position it mid-scroll as an editorial anchor that reflects the day's POV on steady work.
GitHub repos (TypeScript, Python, compiler/editor focus) → Textual treatment, not visual. List the repo names and language tags in a clean, monospace-inflected typography. Let the names carry the weight (voicebox, markitdown, editor). No icons, no badges. This is technical texture, not decoration.
Hacker News prominence (Claude Code Routines at 619 score) → Subtle cultural temperature. The HN signal is felt rather than shown — this is a tech-forward day. Reflect this in the typography's precision and in the editorial voice (if any copy appears). No need for a news feed; instead, let the sensibility inform tone.
Detroit Tigers 2–1 Win → Inline scoreline, placed peripherally. A small, factual notation (not celebratory, not dismissive) of the win — perhaps as a subtle header or footer detail. Wednesday off-season energy for most teams means this win shouldn't dominate, but it's real and it's earned.
Music (Guided by Voices, My Morning Jacket) → Typographic personality only. GBV's lo-fi ethos + MMJ's Americana warmth suggest the type and layout should feel assembled rather than overly polished — clean but not precious. Not rough, but not sterile. Generous, human-scaled.
Palette direction
Spring saturation with new-moon restraint. Mid-tone greens and soft earth tones (sage, warm grey, pale cream) dominate, with no harsh contrasts. The palette should feel naturally lit — as if the 13 hours of daylight are filtering through a thin veil. Avoid pure blacks; use deep charcoals or dark greens instead. Introduce one warm accent (caramel, rust, or honey-gold) sparingly, tied to the Tigers win or to spring's emerging warmth — but don't let it dominate. Overall: high saturation would be wrong today; instead, embrace muted, sophisticated naturalism. The new moon is the true north; everything else orbits around its quiet pull.
03
No color direction. The pipeline had no such concept in the traced era.
04
Color — 4 ramps, 23 stops
sand
sage
honey
band
Type
Scale
05
No composition grammar. The pipeline had no such concept in the traced era.
06