mirror of
https://github.com/pbakaus/impeccable.git
synced 2026-09-11 21:57:14 +03:00
Paul BakausandClaude Opus 4.7
a95212aa87
New /designing page: the missing "how do I actually use this tool?" story, organized around a four-phase core loop. Start, iterate, polish, maintain. Text-dominant editorial sections, cards are rare, spacing pulls from DESIGN.md's scale only. Hero runs as a single editorial spread: title and lede on the left, a compass loop on the right. The compass is a thin ink circle with cardinal phase labels at N/E/S/W, clockwise arrow glyphs at 45° transit points, a slow orbiting accent dot, and an italic impeccable wordmark in the middle. Collapses to vertical stack below 880px. Phase sections below the hero are full width. Each opens with a numbered eyebrow, italic Cormorant title (spine), and a 60ch sub. Appendix sections (register cross-link, DESIGN.md interop, what to avoid, CTA) use a quieter title tier in roman to separate spine from supporting material. All separators are 1px mist hairline, no 2px black rules; rhythm comes from variable padding and margins. Adds /live-mode hero-frame polish, new top-nav entry (Home · Designing · Docs · Anti-Patterns · Live · Overlay), footer link, and the server route for /designing. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>