Make brand guidelines online, free, no account
A guideline builder that runs in the browser: logo rules, a checked colour system, a type scale, thirteen pages, and exports for clients, printers and developers. What you put in, what you get out, and what stays on your device.
Beginner2 min readUpdated 27 September 2026Studio · Brand guideline builder
What you put in, what you get
| You give it | It makes |
|---|---|
| Brand name, tagline, logo | Cover, logo page, clear space page, logo versions (full colour, reversed, dark mono) checked on each background |
| Brand colour, harmony | Secondary and accent, neutrals, ten-step ramps, a contrast list graded AAA to Fail |
| Personality, art direction | A font pairing, principles and a voice to edit |
| Fonts (optional) | Any Google Font by name, or your own font file |
| Scale, base size, spacing, grid, radius | The type scale page, tokens and the In use page |
The exports
| Export | For |
|---|---|
| Screen PDF | Clients and teams reading on screen |
| Print PDF | A printed book: 300 dpi, 3 mm bleed, crop marks, trim and bleed boxes |
| HTML handoff | Anyone: one file with pages, logo downloads and click-to-copy colours |
| CSS, Tailwind, JSON tokens | Developers |
| .ase swatches | Designers using Adobe apps |
| Open in the Editor | You, to adjust a page by hand |
Good to know
- Everything is saved in your browser as you go. The builder holds one brand at a time: press Save as a client brand in Studio before starting another.
- Uploaded logos and fonts never leave the browser. Google fonts are fetched by name, and embedded in the HTML handoff so it works offline.
- Colours are RGB; the CMYK values in the guideline are a starting point to confirm with a printed proof.
Is there a watermark or a paid export?
No. Every export is free and clean.
Can I edit the pages by hand?
Yes: open a page in the Editor from the Export tab and adjust it as layers. Or reorder, hide and switch layouts in the page list.
Was this guide useful?