HrvatskiStep 1
Collect and clean
Gather every file. Delete old versions. Name files by brand, version, colour and format.
Brand OS Portal
How to make a brand guidelines website in 7 steps.
Collect, write short, pick a home, build page by page, add downloads, protect the right pages, share one link.
To make a brand guidelines website, collect your brand files, write each rule in one or two lines with an example, pick where to build it, then make one page per topic with download buttons.
Keep the start page and partner kit public or behind a simple password, put team tools behind a login, and share one link. Below are the seven steps and a page map you can copy.
By Vedran Obradović · Updated 4 November 2026
What to prepare before you build.
The site is the easy part. Clean content is the real work.
- Every logo version in SVG, PNG and PDF
- Colour codes: HEX, RGB and CMYK
- Font names and where to get them
- Five to ten do and do not examples
- Voice: three words and a few real examples
- Approved facts with sources
- 20-40 approved photos
- The templates your team uses most
Not sure what belongs in guidelines? Read what to include in brand guidelines and look at brand guidelines examples.
Where to build a brand guidelines website.
Four honest options. Pick by who will keep it up to date.
| Option | What you get | Watch out for | Good fit when |
|---|---|---|---|
| Notion page | Publish a page to the web, free plan included | Custom domain is a paid add-on, limited design | You need something this week |
| Website builder (Framer, Webflow) | Full design control, templates exist for brand guidelines | Someone must keep it updated | You have a designer on hand |
| Brand platform (Frontify, Lingo) | Guidelines pages, portals and asset libraries | No free plan listed on either | You want a ready platform |
| Brand OS Portal | Guidelines, files, makers and AI rules, designed and set up by me | Made for one brand, not a template | You want the team to make on-brand work |
Checked on 4 November 2026 on each company's own site.
Building on Framer yourself? I also design Framer websites, so I know where these sites go wrong: too many pages, too few downloads.
The 7 steps, one by one.
Step 2
Write short rules
One or two lines per rule, with a do and a do not picture.
Step 3
Pick a home
Use the table above. Choose by who will update it.
Step 4
Build one page per topic
Start, logo, colour, type, voice, photos, templates. Not one long page.
Step 5
Add downloads and copy buttons
Every file and code one click away. This is what people come for.
Step 6
Set access
Public start page and partner kit. Team tools and internal facts behind a login.
Step 7
Share one link and keep it
Put it in onboarding, email footers and partner mails. Check it monthly.
Free tool
Can AI tools read your brand?
Type your website address. You see what AI tools can read on your site and what to fix first. It is free and runs right here.
Brand OS Portal
Get 3 templates in your brand. Free.
Leave your email. I design them by hand and send them to you within 48 hours. It costs you nothing.
Got it. I start on yours today. Your 3 free templates reach you within 48 hours.
I write to you from [email protected]. If you do not see it, check spam.
Copy this page map for your guidelines site.
Brand guidelines website page map
/ Start: who we are in one line, what is new, how to use this site /logo Downloads, clear space, smallest size, do and do not /colour Codes with copy buttons, readable pairs, colour ratios /type Fonts, sizes for headings and text, a type tester /voice 3 voice words, examples, words we never use /facts Approved facts with sources (team only) /photos Photo style, approved photos to download /templates Posts, slides, LinkedIn banner, email signature /partners Small kit for partners and press (public or password) /ai Voice, facts and limits for ChatGPT and Claude (team only)
For the voice page, use brand voice guidelines. For the AI page, see Claude brand guidelines.
Which pages to make public, and which to protect.
Public
Start and press
Logo downloads for press, the boilerplate text and who to contact.
Password
Partner kit
Logos, rules and a few templates for partners and resellers.
Login
Team only
Approved facts, AI rules, makers and anything not ready for the world.
Is your guidelines website ready?
Tick what is true today. Your ticks stay on this device.
0 of 8 done
Want guidelines that also make posts and give AI the same rules? See Brand OS Portal or read interactive brand guidelines.
Pattern Lab
Try one Brand OS Portal tool
A guidelines site that makes things.
This is a real tool from a real Brand OS Portal, on the MTG brand. Make an on-brand pattern in seconds and download it.
Straight answers.
How do I put brand guidelines online?
Split them into one web page per topic, add download and copy buttons, protect team-only pages and share one link.
Can I make a brand guidelines website in Notion?
Yes. Notion lets you publish a page to the web, also on the free plan. A custom domain is a paid add-on and design options are limited.
Should brand guidelines be public?
Partly. Press logos and a short partner kit can be public or behind a password. Approved facts, AI rules and team tools should need a login.
What pages should a brand guidelines website have?
Start, logo, colour, type, voice, facts, photos, templates, partners and AI rules. Copy the page map above.
How long does it take to build a brand guidelines website?
The build is quick once the content is clean. Collecting and cleaning files and writing short rules takes most of the time.
Does AI get your brand right? Check it free.
See what ChatGPT says about your company, and how to fix it.
Rather write to me?
Got it.
You hear from me within 2 to 8 hours.