Brand Launch Kit
A local-first brand handoff tool that turns colors, logo variants, and usage decisions into design tokens, guidelines, a website prompt, and an AI coding skill.
What I built
Implemented: I designed and built this experiment.
Problem
Turn existing brand decisions into useful handoff files without inventing the missing pieces.
Constraints
- Everything is processed in the browser, and some brand inputs may be incomplete.
- Exports need to work outside the tool, and uploaded logos should stay exactly as they are.
Key decisions
- Build every export from the same structured brand file.
- Keep the guidance editable, mark missing decisions as TODOs, and calculate color contrast from the supplied values.
- Keep the written guidelines separate from tokens, prompts, and configuration files.
Tradeoffs
- Browser storage keeps drafts private and available offline, but it is not built for collaboration or large files.
Implementation
React and TypeScript run the workflow. FileReader handles uploaded assets, localStorage keeps the draft in the browser, and JSZip packages the exports for download.
Result
The working tool exports brand guidelines, design tokens, prompts, configuration files, and the original logo assets. Drafts remain in the browser's local storage.
Screenshots
