Skip to content

feat(design): sticker redesign with Myrtille palette, light by default - #42

Merged
atamano merged 1 commit into
masterfrom
design/myrtille-redesign
Oct 18, 2026
Merged

atamano merged 1 commit into
masterfrom
design/myrtille-redesign

Conversation

@atamano

@atamano atamano commented Oct 18, 2026

Copy link
Copy Markdown
Owner

Summary

Full visual redesign: the walnut/cream theme becomes a playful "sticker" style with the Myrtille palette.

  • Palette: lilac page, white cards outlined in deep ink with a hard offset shadow, violet for actions, yellow / pink / sky as pop fills. Win / draw / loss now use violet / yellow / pink (no more green).
  • Light by default: dark mode is opt-in through the toggle, with its own tuned palette.
  • Typography: Bricolage Grotesque replaces DM Sans + Fraunces. IBM Plex Mono stays for SAN.
  • Landing: the question is the headline, one form card, three illustrated steps, "Free, local" and "Open source" badges, floating piece stickers on desktop.
  • Scan form: only the usernames and the scan button are visible. Color, time controls, window, limit and rated sit behind an "Options" toggle that shows a one-line summary. Open by default when editing filters from the dashboard.
  • Dashboard: sticker panels, yellow selected row, palette-aware results bars, confidence badge and KPIs.
  • Icon + OG image restyled. New i18n keys added in all 13 locales.

Validation

  • pnpm typecheck and pnpm build pass. pnpm lint: 0 errors, the remaining warnings were already there.
  • Playwright: landing, filled-in form and dashboard after a real scan (Hikaru), in light and dark, at desktop 1440px and mobile 390px. No horizontal scroll, visible keyboard focus.
  • Two Codex review passes. Fixed: low-contrast remove icon on yellow chips, missing input focus ring, text opacity modifiers below AA, light loss red darkened, board coordinates set to black. Every text/background token pair is ≥ 4.6:1 (WCAG AA).

🤖 Generated with Claude Code

@vercel

vercel Bot commented Oct 18, 2026 •

Copy link
Copy Markdown

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

Project Deployment Actions Updated
openingscanner Ready Ready Preview Oct 18, 2026 7:51am UTC

Request Review

@atamano
atamano merged commit 39c8573 into master Oct 18, 2026
3 checks passed
@atamano
atamano deleted the design/myrtille-redesign branch October 18, 2026 07:51

This branch was successfully deployed

1 active deployment
Preview — 6e64406e Deployed Oct 18, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant