brand-systemlisted

# Brand System Create a visual identity system: palette, typography, and style direction, documented in a markdown brief, extracted into a JS config, and rendered as a preview PDF. ## Artifacts All output goes to the user's working directory. Ask for the path if not provided. | File | What it is | |---|---| | `brand-brief.md` | The primary artifact. Research, rationale, and every design decision in one readable document. | | `identity.js` | A machine-readable extraction of the brief. Importable by downstream build scripts. | | `brand-preview.pdf` | A 3-slide rendered proof: palette, typography, and a combination demo. | Intermediate HTML goes to `/tmp/brand-system/` and is cleaned up after rendering. ## Reference files Load these on demand. Not all are needed for every engagement. | File | When to load | |---|---| | [references/palette-guide.md](references/palette-guide.md) | When building the color palette: 8-role structure, derivation from anchor color, contrast testing | | [references/typography-guide.md](references/typography-guide.md) | When selecting fonts: pairing lookup table, weight discipline, same-vs-different family guidance | | [references/design-landscape.md](references/design-landscape.md) | When proposing a visual style: 6 active design directions with full specifications (2025-2026) | --- ## How to work This is a conversational design process. The brief is built through dialogue: research, propose, refine. ### 1. Start from what you know Read the