01
02
A meditative spring portfolio where an existential quote occupies 88% of viewport in cool luminous light, followed by widely-spaced project rows in blue-gray neutrals and restrained sage green accents—high key, unhurried, austere.
Why
The brief mandates the Bhagavad Gita quote as an 88% hero moment in uninterrupted visual quiet—a directive that only the Poster archetype structurally protects. The color palette—cool cerulean primary (210°) tinted neutral with muted sage (120°) as the sole accent—honors both the spring luminosity and existential weight of the quote, avoiding all forbidden hue zones while respecting the "fresh greens restrained" directive. A single 9-step stone neutral scale (S:~8–9%) provides sophisticated near-neutrality; sage appears only in method tag pills and the hero accent rule, signaling craft through precision rather than saturation. Spacing discipline enforces the Sunday rhythm: 96px section gaps, 40px row padding, zero card grids—density at ~20% of typical portfolio density, allowing the quote to breathe undisturbed. The hero's asymmetric radial gradient (center 58% / 40%, not dead-center) embodies the waxing gibbous 76% illumination, brightest upper-right rather than full-moon drama.
Mood
Sunday morning clarity meeting existential weight. Spring is warm and generous with daylight (13.5 hours), but the quote—"You came empty handed, and you will leave empty handed"—lands like a gentle hammer, asking what actually matters. The site should feel reflective without being heavy, spacious without being empty. There's a creative tension here: the season whispers growth, but the Bhagavad Gita whispers impermanence. Don't resolve this. Let both exist. The design should breathe (spring, weekend, long daylight) while holding something austere (the quote, the waxing gibbous moon still climbing toward fullness).
Composition direction
Scroll with Specimen moments.
Today calls for a vertical, meditative rhythm—Scroll respects the reflective mood and weekend leisure—but punctuate it with Specimen-scale moments where type or single elements command attention. The Awwwards sites show a tendency toward immersive, journey-based layouts (25 Years of TBU's 3D timeline, peace put's philosophical storytelling). Scroll lets the portfolio breathe vertically while Specimen moments let individual projects or thoughts land with editorial weight. This hybrid honors both the season's expansiveness and the quote's demand for simplicity.
Typography direction
Generous vertical spacing; restrained character spacing. Headings should whisper loudly—large scale but not aggressive, with plenty of whitespace around them. Body type should be set with breathing room between lines (loose leading). The angularity hinted at by the tech-forward GitHub signals (Python, Claude tooling) can inform a slightly geometric typeface choice, but softened—not sharp. Think clarity over cleverness. Weekend energy means no cramped denseness; spring means no dark, tight compositions. Type should feel like it's been given permission to take up space.
Signal integration
The Bhagavad Gita quote → Feature once, high on the page, in a moment of visual quiet. Not buried in footer. Large, calm, set with substantial whitespace. This is the day's editorial headline. Tone: contemplative, not mournful.
Sunday + Weekend → Layout should feel unhurried. Sections should have visible breathing room; no card grids or dense layouts. Composition should feel like a slow scroll, not a sprint.
Spring + 13.5 daylight hours → Palette should be luminous and unsaturated. Fresh greens are available but restrained—think sage, not kelly. Backgrounds should feel lit from within, not from harsh contrast. High key overall.
Waxing gibbous (76% illuminated) → Visual contrast can be present but not extreme. Not a full-moon dramatic moment. A gentle asymmetry in contrast—some areas brighter, some softer, but nothing harsh.
My Morning Jacket + Wet Leg → Personality texture only. MMJ suggests warmth and organic looseness; Wet Leg suggests wit and precision. Fold both in subtly through generous but precise spacing; let the type breathe but don't be sloppy.
Awwwards Design Trend Observation → The three sites show strong use of immersive storytelling (TBU's 3D map), clear philosophical through-lines (peace put's brand coherence), and accessible complexity (NRG turning energy topics engaging). Borrow the clarity and journey sensibility, not the visual flash.
Hacker News cultural moment → ("The West Forgot How to Make Things") + GitHub trending (Claude/AI tooling) suggests a subtle undercurrent of craft and agency in the air. This can inform project presentation—show not just what was made, but how and why it matters. But don't be on-the-nose about it. The brief is moderate influence (5/10), so this is texture, not dominance.
Palette direction
Bright, desaturated, and cool-warm balanced. Think spring morning light—high luminosity, low saturation. Lead with soft neutrals (near-whites, warm grays, possibly a pale sage or celadon as an accent). The palette should feel like it's been gently bleached by 13+ hours of daylight. Contrast should exist but never harsh; this is a high-key day. If an accent color is needed, it should be muted and purposeful—not decorative. The waxing gibbous moon is still building toward fullness, so allow subtle asymmetry in brightness across the page, but keep everything luminous. No darks. No saturation for saturation's sake.
03
cool cerulean gray
hsl(210 9% 22%)
Cool cerulean (210°) as the neutral spine, ranging from nearly-white backgrounds (L:97%) through body text (L:22%), held consistently restrained (S:8–9%) for sophistication. Sage green (120°) as the sole accent, intentionally desaturated (S:23%) to signal craft without aggression. Hues fall safely within mandate windows (210° in 188–352°; 120° in 112–128°), avoiding all forbidden zones. High-key luminosity throughout—page background near-white, hero gradient asymmetrically brightened (waxing gibbous 76% at 58%/40% center)—honors spring's 13.5 daylight hours and the brief's 'lit from within' philosophy.
04
Color — 2 ramps, 13 stops
stone
sage
05
No composition grammar. The pipeline had no such concept in the color-directed era.
06