Skip to content

docs: design system documentation#16

Open
JeremieDrazic wants to merge 1 commit into
mainfrom
docs/design-system
Open

docs: design system documentation#16
JeremieDrazic wants to merge 1 commit into
mainfrom
docs/design-system

Conversation

@JeremieDrazic
Copy link
Copy Markdown
Owner

Summary

  • Create apps/docs/design/ — the design reference for Phase 4 and beyond
  • identity.md — full palette (dark/light), Outfit + JetBrains Mono, WUBRG tokens, MTG touches
  • decisions.md — 9 design decisions with rationale and alternatives rejected
  • screens/ — ASCII mocks (desktop + mobile) for all 7 screens: auth, deck list, deck builder, collection, card search, card detail, settings
  • Update apps/docs/specs/card-search.md — global search covers cards + decks + collection
  • Update apps/docs/roadmap.md — Phase 4.0 Design System Documentation (complete)

Key decisions documented

  • Amber #f59e0b as brand accent (no MTG competitor uses it)
  • Warm purple-black #0f0e17 background (not pure black)
  • Keyrune SVG icons for mana symbols (not generic colored circles)
  • CSS custom properties for theming — runtime dark/light without rebuild
  • Global search popover + dedicated /search page + deck builder slide-over (3 patterns)
  • Settings page uses secondary nav (not a single scrollable page)
  • Mobile deck list: 1 deck per row (not 2-column grid — too much info per card)

Test plan

  • Review apps/docs/design/ structure is correct
  • All 7 screen files have both desktop and mobile mocks
  • Decisions in decisions.md match the mocks
  • roadmap.md shows Phase 4.0 as complete

🤖 Generated with Claude Code

- Create apps/docs/design/ with identity, decisions, and 7 screen mocks
- All screens have desktop + mobile ASCII mocks in the same file
- Document key design decisions: amber accent, Keyrune SVG mana icons,
  warm-dark palette, Outfit typeface, CSS custom properties for theming,
  global search popover + page patterns, settings secondary nav
- Update card-search spec: global search covers cards + decks + collection
- Update roadmap: add Phase 4.0 Design System Documentation (complete)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
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