Question 1

How does the tool pick colors from a one-sentence brief?

Accepted Answer

The generator uses a keyword-to-hue mapping built from color theory and brand conventions. Words like calm, trust, corporate map to blue hues around 210 degrees; energy, bold, fire map to warm reds and oranges; organic, natural, growth map to green; luxury, premium, creative map to purple and deep neutrals. It then picks a base hue, generates a tonal ramp using HSL rotation and chroma adjustments, and derives semantic roles (primary, secondary, accent, surface, ink) from that ramp. The same brief always produces the same palette, so you can re-run it with tweaks without losing the identity.

Question 2

Can I lock part of the kit and regenerate the rest?

Accepted Answer

Yes. Each of the four kit sections — palette, typography, logo mark, spacing — has a lock icon. Locked sections survive a Regenerate; unlocked sections get a fresh pass. This is how most real brand work happens: the primary color gets decided early, then typography gets iterated, then the logo mark, and nothing downstream should disturb what came before. Locks persist in the URL, so you can share a half-locked state with a collaborator.

Question 3

Are the fonts actually licensed for commercial use?

Accepted Answer

Every font pairing suggested is drawn from the Google Fonts library, which is licensed under the SIL Open Font License or Apache License 2.0. Both permit commercial use, embedding in commercial products, and self-hosting without royalties. The exported CSS includes the correct @import URL for Google Fonts CDN delivery, or you can self-host using the ttf/woff2 files available from fonts.google.com. We do not suggest Adobe Fonts, MyFonts, or other licensed libraries because they require per-seat licenses.

Question 4

What formats does the export support?

Accepted Answer

Four formats, covering most handoff cases. CSS Custom Properties (a :root block with all tokens as CSS variables) for direct use in any web project. Tailwind v3/v4 config (the theme.extend section with colors, fontFamily, spacing, and borderRadius keys) for Tailwind users. JSON Tokens (a flat or nested JSON document compatible with Style Dictionary and Design Tokens Community Group spec) for design system pipelines. Printable PDF Brand Guidelines (a one-page document showing the palette swatches, typography samples, logo mark at multiple sizes, and spacing scale) for sending to clients or stakeholders.

Question 5

Does it generate a real logo or just a monogram?

Accepted Answer

A monogram mark — one or two letters from the brand name set in the chosen display typeface, wrapped in one of six geometric containers (square, rounded square, circle, hexagon, shield, capsule). This covers the common case of needing a favicon, social avatar, or small mark while the real logo is being designed. It is not a substitute for custom logo design from an illustrator. For a full wordmark or illustrative mark, take the generated monogram as a starting shape and color palette, then hand it off to a designer.

Question 6

Is my brief uploaded to a server or sent to an AI model?

Accepted Answer

No. There is no network call. The keyword-to-style mapping, color math, typography pairing rules, and monogram rendering all run in your browser. The tool works offline after the initial page load, and you can verify by opening DevTools Network tab — zero requests leave your machine during generation, locking, or export. This is deliberate: brand briefs often contain confidential business information (product names, launch timing, target customers), and handing them to a cloud AI creates risk we do not want users to take.

📖 Learn More