01
02
Eucalyptus sage foundation with warm clay metadata accents, light-mode morning clarity, zero ornament — typography and negative space as sole design instruments.
Why
The brief provides exhaustively detailed specifications for a light-mode Specimen portfolio with eucalyptus sage as the dominant neutral system. The design tokens operationalize a rigorously constrained palette: a 10-step sage neutral family (H:158°, S:5–10%) governing all backgrounds and secondary text, paired with a single clay accent (H:18°, S:70%, reserved for project metadata and callouts only). The color mandate to avoid zones 0°–112° is honored at H:158°, which sits 33° eastward of the recent Apr 17 position (H:125°) and maintains the required 76° separation from Apr 18 (H:82°). All spacing derives from an 8px base scale (4, 8, 16, 24, 32... 128px), and typography tokens mirror the Perfect Fourth ratio specified: line heights (0.90–1.75) and letter spacings (−0.03em to +0.14em) support the archetype's typographic-only hierarchy. The waxing crescent signal (17% illumination) is baked into the shadow opacity (0.05 max) and border colors (neutral-200 rather than neutral-300), creating a softened-light aesthetic without harshness. Light mode is the sole mode; semantic tokens map to page backgrounds, card surfaces, footer inversions, and text hierarchies that support the specified asymmetric 12-column work grid and hero-centric layout.
Mood
Monday morning in spring: early light, steady momentum, a quiet tension between aspiration and self-awareness. The site should breathe with the season's optimism but ground itself in something real — there's no major news to celebrate, no weather drama, just the steady hum of a productive week beginning. A waxing crescent moon suggests things are gathering energy, not yet full. Hold the duality here: fresh and forward-looking, but not naive. The tech community (Hacker News, GitHub signals) is in a skeptical mood about authenticity — fake stars, security breaches, nostalgia for simpler systems. Let that skepticism live quietly in the design without freezing it. This is a day for clarity and intentional restraint, not spectacle.
Composition direction
Specimen with Gallery Wall energy.
Today calls for a layout that treats the portfolio itself as a curated collection of discrete objects — each project breathing in its own space, arranged with intention rather than flow. The Specimen archetype's focus on isolation and careful framing suits a Monday when focus is high and distractions are few. Gallery Wall energy prevents it from feeling sterile; projects should feel like they're in dialogue with each other through negative space and visual rhythm, not connected by narrative. This matches the awwwards references (Daniel Destefanis, House of Adjaycent) which both favor compositional precision over decorative connective tissue.
Typography direction
Tight, deliberate, quiet authority. Headings should whisper rather than shout — use scale sparingly and let generous negative space do the work of hierarchy. Justified or carefully tracked body text; letter-spacing should be precise but not loose. The waxing crescent and early-week momentum suggest typography that feels controlled and intentional, not relaxed. Avoid rounded forms; lean toward geometric or classical sans with clean angles. This reflects the skepticism in today's tech discourse (GitHub's fake star economy, security concerns) — the design should feel like it knows what it's doing, no performance, no excess.
Signal integration
Waxing crescent moon (4 days in, 17% illumination) → Reduce overall contrast slightly. Backgrounds and secondary elements should feel subtly dimmer, as if lit by moonlight rather than full daylight. This is felt, not explicit — no moon graphics. Let shadows be softer, highlights less aggressive.
Spring season + 13.2 daylight hours → Palette should reflect lengthening light: fresh, saturated greens and warm neutrals welcome here, but resist oversaturation. The extended daylight means the site can afford airiness without feeling sparse. Use this to justify generous margins and breathing room between compositional elements.
Monday / Weekday (day_index: 1) → Layout density should increase subtly. Where a weekend version might sprawl, this version should feel organized and task-oriented. Navigation and hierarchy are crisp. Projects are presented with clear, scannable metadata (dates, disciplines, outcomes). Structure over serendipity.
RBC Heritage final leaderboard (Matt Fitzpatrick -19) → If golf content appears on the site, present it as a quiet editorial note or sidebar data point — not a celebration, not a feature. Golf is a framing device for precision and long-form focus, not a headline. Treat it like a reference, not a story.
Hacker News skepticism (GitHub fake stars, Vercel breach, nostalgia for SDF/MS-DOS) → This mood should inform tone across any copy or editorial elements. If portfolio descriptions exist, they should prioritize authenticity and honest assessment over hype. Any technical references should skew toward substance over trend. This is a design that respects the viewer's intelligence.
Tech stack signals (Python, TypeScript, HTML across repos) → Subtle nod to full-stack thinking. If case studies or project descriptions mention technical decisions, let them have equal weight with visual/UX decisions. The design itself shouldn't look "coded," but it should feel technically sound — precision in margins, consistency in systems, no surprises.
Palette direction
Cool-to-neutral foundation with selective warm accents. Spring saturation is present but restrained — think sage, soft olive, warm grays rather than bright greens. High contrast is not needed today; instead, rely on contrast through value shift and careful color placement. The overall feeling should be clean and intentional, never muddy but never stark. Warm whites and soft neutrals keep the space breathable; a single warm accent color (clay, rust, or warm sand) can appear sparingly in project callouts or metadata. The waxing crescent and early daylight hours allow for lighter backgrounds without feeling washed out. Avoid cool blues or purples — they'd feel too evening-focused. This is morning light, not night-time drama.
03
eucalyptus sage
hsl(158 6% 50%)
Eucalyptus sage (H:158°) as primary neutral ensures cool-morning clarity without blue-coldness; warm clay (H:18°) appears only at project metadata level, maintaining a 140° visual separation. The hue sits safely outside forbidden zones (0°–112°, 352°–360°) and 33° eastward of Apr 17's position, clearing recent palettes. Light backgrounds (#F2F6F4 page, #FAFCFB cards) reflect spring's lengthening daylight; waxing crescent signal reduces shadow opacity to 0.05 and softens borders, creating a moonlit-but-legible morning-to-daylight transition.
04
Color — 4 ramps, 15 stops
sage
clay
off-white
transparent
05
No composition grammar. The pipeline had no such concept in the color-directed era.
06