brainstorm-questionnairelisted

# Brainstorm — Interactive HTML Decision Page Builder ## Overview When a user wants to brainstorm a product, website, or brand, do NOT run a chat Q&A. Build a self-contained, project-specific HTML decision page they can fill out at their own pace: multi-select pill options, a notes field under every question, numbered sections, localStorage auto-save, and an export/copy button. The page is the deliverable. The user interacts with it offline (their browser, their time), then exports their answers. ## Process (4 phases — do NOT jump ahead) For product/website/demo work, follow this 4-phase workflow. Each phase produces its own decision page. Wait for the user's selection before advancing. ### Phase 1 — Strategy Brainstorming What are we building? For whom? What does success look like? Scope, audience, goals, constraints. ### Phase 2 — Brand Identity Brainstorming Visual identity direction, name, tagline, personality, presence stance, design DNA. NOT layout mockups — this is about WHO the thing is. **Phase 2 Design Lab template:** Use `templates/phase2-design-lab.html` as the canonical format for Phase 2 brand identity boards. It is a live interactive design laboratory — NOT static selection cards. Template structure (apply fresh colors/fonts/content each time, never reuse the template's actual placeholder values). **Locked default design language: Apple-style** — system fonts (SF Pro / system-ui first), near-white light mode and near-black dark mode, hairline borders (