Lucas WintherandClaude Opus 5.5
843b6d32bc
Add AGENTS.md as the single source of truth (with CLAUDE.md and GEMINI.md as pointers), permissions for Claude Code, Codex and Gemini, the docs tree (architecture, decisions, TODO, permissions, specs, plans), PRODUCT.md and DESIGN.md, plus the design-phase record: the inspiration log, all mockup rounds with briefs and screenshots, and the owner's work history. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2.7 KiB
Design
Derived from the three chosen mockups. They are the visual source of truth; this file summarises them. When they disagree with this file, the mockup wins and this file gets fixed.
Principles (owner's, see docs/inspiration.md)
- Calm until touched: nothing moves unless the visitor acts. No autoplay, no scroll-jacking, no loading screens.
- A space to explore: varied ways of showing information (drawn showcases, lists, side sheets), restrained.
- Ordinary, fast, scrolling HTML pages. No canvas/WebGL scenes or game feel.
- Restrained depth and glow are fine; the over-polished "sleek" round was rejected as too modern.
- Never purple/blue "AI" gradients, neon, emoji-as-icons, or generic bento grids.
- Honour
prefers-reduced-motion. Pointer effects only behind(hover: hover).
Start page — mockups/nav-d.html
Two halves meeting at a seam; the name is split across it ("Lucas" mono left, "Winther" serif right). Hovering a side widens it; clicking enters. A small dark pill on the seam opens "everything at once" (key G).
- Left/work:
#e8eae6paper with a 24px grid, ink#1c2024, accent#d9532b; IBM Plex Mono + Plex Sans. - Right/off the clock: plum
#2a1a1fwith grain, cream#f1e6d6, amber#e8b04a, rose#c9706b; Fraunces + Caveat. - Footer strip
#121416: contact links,/simple, the "projects made" AI preference.
Work space — mockups/tech-r3-c.html
Warm dark. --bg #131210, --panel #1b1916, --panel2 #221f1b, --line #2b2824, --ink #ede7dd,
--mute #8e877c, single accent --acc #ea7444, status green --ok #a8b48f only inside drawn UIs.
Geist + Geist Mono. Structure: top bar (← gate, nav, AI filter) → intro → Now / Latest writing / CV strip →
four featured panels with interactive drawn showcases → filterable project list with a side sheet
(Esc closes, ←/→ steps, #/id deep links) → writing and work history. Plum "off the clock →" edge on the right.
Personal space — mockups/personal-r2-b.html
Light cream. --bg #f1e6d6, --card #f8f1e6, --line #dccbb2, --ink #2a1a1f, --mute #7d6a5c,
--acc #e8b04a, --rose #c9706b, --sage #6f7f45. Fraunces (display and body), Caveat (handwritten
accents only), IBM Plex Mono (metadata). Structure: sticky interest chips → "Now" strip (listening,
Hardcover, Trakt, playing) → a curated masonry wall of cards shaped by type (comic panels, playable song
sleeve, game cover with pull-quote, typographic essay, art as itself) → older years as smaller cards.
Dark "work" edge on the left.
Shared
- AI marks: filled = AI-made, half = some AI, outline = by hand, dashed = unknown/not recorded.
- Easing
cubic-bezier(.2,.8,.2,1), transitions 150–300ms. - Placeholders: dotted underline +
title="placeholder"until real content replaces them.