feat: brand kit, three-pane editor, templates gallery, two new Styles

[developeranku]

Summary

v0.2 turns the prototype editor into something that feels like a product.

• Brand kit: logo URL, dark-mode logo variant, position picker, brand-color and accent-color overrides with live WCAG contrast badges.
• Three-pane editor: slide thumbnails (left), markdown source (center), live preview (right), slide-in theme drawer (right).
• Templates gallery at `/templates`: 12 curated theme presets with live mini-previews. Click → apply → return to editor.
• Two new Styles: Editorial (serif display, magazine vibes) and Brutalist (sharp edges, hard shadows, accent blocks).
• OKLCH color helpers in `src/lib/color.ts` for derived accents and contrast checks.
• Theme persistence via localStorage (last-used Style+Palette+Density+Mode auto-restored).
• Render polish: redesigned blocks, layouts, and cover slides for premium feel.

Test plan

• Open `/`, edit markdown, watch preview update
• Click slide thumbnails on the left, preview scrolls to that slide
• Click Design in topbar to open theme drawer
• Switch Style cards (Modern / Editorial / Brutalist), watch deck reflow
• Switch Palette swatches and Density / Mode controls
• Switch to Brand tab, paste a logo URL (e.g. https://vercel.com/api/www/avatar?u=vercel), set position to top-right, see logo render
• Set custom brand color in Brand tab, verify it overrides palette brand
• Click Auto-derive accent to get a complementary accent from the brand color
• Visit `/templates`, browse the gallery, click a card, get redirected to `/` with that theme applied
• Click Export PDF, verify Save-as-PDF flow produces a clean 16:9 deck
• Reload the page, verify last-used theme restored

Tooling

• 63 tests pass
• typecheck, format, lint, knip, build all green

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
stackdeck	Ready	Preview, Comment	May 6, 2026 10:31am