Brand OS Portal

Brand book online: what to put on each page.

Ten pages, each with one job, so people find the answer and the file in one visit.

An online brand book needs about ten pages: start, story, logo, colour, type, voice, photos, templates, partners and AI rules. Each page holds the rule, a real example and the files to download.

Online, every page should also let people do something: copy a code, download a logo, test a headline or make a post. Keep internal things, like draft logos or private contacts, off it.

By Vedran Obradović · Updated 4 November 2026

Brand book, brand guidelines, style guide: what is the difference?

People use the words in different ways. Most often, a brand book tells the story and shows the look. Brand guidelines are the rules. A style guide is often the short version.

Online, the line goes away. One site holds the story, the rules and the files. If you want the content list, read what to include in brand guidelines. This page is about how each page works online.

The ten pages of an online brand book.

What each page holds, and what people should be able to do there.

PageWhat to put on itWhat people can do
StartOne line about you, what is new, who to askFind the right page fast
StoryWhy you exist, who you serve, what you promiseCopy the boilerplate text
LogoVersions, clear space, smallest size, do and do notDownload the right file
ColourCodes, colour ratios, readable pairsCopy HEX, RGB, CMYK
TypeFonts, heading and text sizesTest a headline in the font
VoiceThree voice words, examples, banned wordsCheck a text before sending
PhotosPhoto style, right and wrong examplesDownload approved photos
TemplatesPosts, slides, banners, signatures, documentsMake a finished file
PartnersA short kit for partners and pressGet everything in one link
AI rulesVoice, facts and limits for AI toolsLoad them into ChatGPT or Claude
Print and documents room in a Brand OS Portal with on-brand document templates
The templates page: the most visited page in most brand books.

Free tool

Make your team email signature.

Every online brand book needs an email signature page. Make yours here in brand colours and fonts. It is free and runs right here.

Open the full tool: Team email signature generator

Copy this start page.

The start page decides if people come back. Keep it this short.

Online brand book start page
[Company] brand book

[Company] makes [what] for [who]. [One line on what makes you different.]

I need...
- the logo -> Logo
- our colours or fonts -> Colour / Type
- to make a post, slide or banner -> Templates
- to write something -> Voice
- facts about the company -> Story
- something for a partner -> Partners

What is new
- [date] [change]
- [date] [change]

Questions? [Name], [email]. Last checked: [date].

The "I need..." list works because people come with a job, not a topic. Pair it with clear logo usage guidelines and brand voice guidelines.

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.

What to keep off an online brand book.

  • Draft logos and rejected ideas
  • Private phone numbers and personal emails
  • Supplier prices and contracts
  • Customer names you have no OK to show
  • Old versions "just in case"
  • Long essays nobody reads

Put team-only facts behind a login. Press and partner pages can be public. More on access in how to make a brand guidelines website.

How long should an online brand book be?

As long as the brand needs, split so nobody reads it all.

MTG has 104-page guidelines. Deepsea Networks has 88-page guidelines and a 17-page partner kit. Online, nobody scrolls 104 pages. They open the page they need.

So write the full rules, then split them into the ten pages above. For a small brand, a one-page brand guideline is a fine start.

A page in the brand book that makes a video from one line.

Does your online brand book work?

Tick what is true today. Your ticks stay on this device.

0 of 8 done

Want a brand book where people make things too? See Brand OS Portal.

Motion Posts

Try one Brand OS Portal tool

A brand book page that makes videos.

This is a real tool from a real Brand OS Portal, on the MTG brand. Type your words. The motion, fonts and colours stay on brand.

Straight answers.

What is an online brand book?

A brand book on a website instead of a PDF. It holds the story, the rules and the files, split into pages people can search and use.

What should be in a brand book?

Start, story, logo, colour, type, voice, photos, templates, partners and AI rules. Each page needs a rule, an example and files.

Is a brand book the same as brand guidelines?

Often, yes. A brand book usually tells the story and shows the look, guidelines are the rules. Online, one site holds both.

How many pages should a brand book have?

Online, about ten pages. Each page can be long or short, as long as it has one job.

Can I make a brand book online for free?

Yes, with a free website tool or a published Notion page. Read how to make a brand guidelines website.

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?