Create a Brand Kit
Create a compact brand kit: pick brand colors, check contrast, build a gradient, and generate a favicon. All runs in your browser.
Your progress is stored only in your own browser (localStorage) and is not transmitted to our servers. Third-party resources (e.g. advertising and analytics from Google/Cloudflare) may transfer data when loaded.
This workflow guides you through the following steps:
- 1. Pick brand color Pick your primary brand color and read off the HEX value.
- 2. Check contrast Check the contrast between your foreground and background colors.
- 3. Create gradient Create a gradient from your brand colors.
- 4. Generate favicon Generate a favicon from a glyph and colors.
Interactive workflow loading …
What you get at the end
Your brand colors, a checked contrast, a gradient, and a favicon for your project.
Why these steps in this order
Colors first, then contrast, then the gradient and favicon. Brand colors are the base everything else is built from.
Frequently asked questions
Where is my data stored?
Your playbook progress is saved in your own browser using localStorage. Nothing you enter is uploaded to our servers. Clearing your browser data resets the workflow.