Brand guide generator

Turn a logo, a palette and a font pairing into a polished, print-ready brand guidelines PDF. Everything renders live in your browser — no sign-up, no upload.

Edits autosave to this browser and update the preview live.

01

Basics

Start from scratch, or load a filled-in example.
03

Colors

Brand colors

Primary, secondary & accents
  • Primary11.0:1
    Prussian BlueLoose · ΔE 7.7PMS 534 C approx.
  • Secondary5.3:1
    Orange RedClose · ΔE 5.4PMS 7417 C approx.

Neutrals

Background, surface & text
  • Background19.0:1
    Off WhiteExact · ΔE 0.4PMS Cool Gray 1 C approx.
  • Text18.1:1
    Jet BlackVery close · ΔE 2.7PMS Neutral Black C approx.
04

Typography

Designer pairings
Heading font
Body font

The quick brown fox

Typography sets the tone before a single word is read. This preview pairs Playfair Display for headlines with Inter for running text, so you can judge the rhythm and contrast between them.

05

Voice & usage

Frequently asked questions

What's in the generated brand guide?

The PDF includes a branded cover, a full color palette page with HEX, RGB, CMYK and HSL values plus tint ramps, a typography page with your heading and body fonts and a type scale, and a usage page with logo lockups on light and dark backgrounds alongside your voice adjectives and do/don't guidance.

How does color extraction from my logo work?

When you upload a logo, it's drawn to a canvas entirely in your browser and run through k-means clustering to find its dominant colors. Near-white and near-black pixels are filtered out so backgrounds and outlines don't dominate, and similar colors are merged. Nothing is ever uploaded to a server.

Are the fonts really embedded in the PDF?

Yes. The tool bundles static TrueType files for every font, so the exact weights are embedded in the exported PDF. It will look identical on any machine, whether or not the recipient has the fonts installed.

Can I use this for a real brand?

Absolutely. Every font here is an open-source Google Font licensed for commercial use, and the palette values are production-ready for both screen and print. Export as many times as you like — the tool is free.

Where is my work saved?

Your brand guide autosaves to this browser's local storage, so you can close the tab and pick up where you left off. You can also send your palette straight into the palette builder to save it to your account.

Browse colors by family

Every tool feeds the reference catalog. Pick a family to explore.