← The game interface — first brush · all tasks

Claude Design brief for the first interface pass

done priority 1 estimate S

game-interface/001 · created 2026-08-11 · updated 2026-08-12

What

Write a self-contained brief Kris can paste into a Claude Design session to get the first real pass of the game’s screens: title screen, HUD, the tabbed stuff-panel with the Ingredients grid, and the element card at all three rarities. Self-contained means the brief inlines everything Claude Design can’t reach — palette hex values, typography rules, card anatomy, screen inventory, output constraints (DOM over a WASM canvas, portrait phone first, no external font links).

Done

Brief written to epics/game-interface/design-brief.md (2026-08-11). Decisions baked in: three HUD buttons opening one tabbed panel; card anatomy from Kris’s sketches; sample elements drawn from the real seeded table; full-title treatment “Lor: The Ten Thousand Things”.

Review

Kris reads the brief, takes it to Claude Design, and brings the HTML/CSS output back to task 003 for integration. Anything the brief got wrong is cheaper to fix here than after the design session.

View source in repository · also available as raw markdown.