---
id: game-interface/001
title: Claude Design brief for the first interface pass
epic: game-interface
state: done
priority: 1
blocked_by: []
estimate: S
created: 2026-08-11
updated: 2026-08-12
claimed_by: null
claimed_at: null
delivers: []
review_artifact: epics/game-interface/design-brief.md
---

## 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.