Skip to main content
Toolzum

Brand Kit

Collect brand colors by hex with names plus font picks in one persistent kit — export JSON for developers. Lock a startup identity in an afternoon — free, local, no signup.

100% Local Browser Native

How to Use the Brand Kit

1. Add brand colors

Enter valid 6-digit hex codes with names (Primary, Accent…).

2. Add fonts

Type font names into the kit list.

3. Export JSON

Download the kit for developers (downloads are unlimited); local copy auto-saves.

Similar Tools You Might Need

See all

Frequently Asked Questions

How do I build a starter palette?

Add 5 colors by hex: primary, secondary, accent, background, and text (e.g. #4F46E5 indigo primary). Name each as you go — the kit stays readable when the team grows.

Where is my kit stored?

In your browser's localStorage under brandKit_colors and brandKit_fonts — it reloads on every visit to this device with no account. Seeds 4 starter colors (Primary #4F46E5, Secondary #10B981, Accent #F59E0B, Text #111827) plus Inter and Roboto; new hex must match #RRGGBB. Export the JSON backup before clearing browser data or switching machines.

How do developers use the export?

The JSON carries hex codes with names — paste straight into Tailwind config or CSS variables. One export keeps design and code using identical values.

Last updated October 2026