Brand Kit Generator

Generate production-quality visual brand kits as self-contained HTML files with companion markdown theme documentation. Two deliverables per brand: a visual HTML style guide and a text-based theme reference file.

Workflow

Building a brand kit involves these steps:

1. Gather brand context (name, style direction, colors, fonts, content)
2. Select style direction preset and customize
3. Build the HTML brand kit (13 sections)
4. Build the companion markdown theme file
5. Open in browser for review

Step 1: Gather Brand Context

Ask the user for these inputs. If they have existing branding files or HTML, read those first.