The Login Page

Brand the login page with a brand color or branded background image.

Example of a branded login page.

Set up a background image

Go to “Edit” > “Settings” > “Login Page”

Scroll down. You will see these options

  1. You can upload a background image here
  2. You can set a background color as fall back or instead of a background image

Add an intro message

Admins can put up a short message. For instance, to let users know where to request the access code.

Go to “Edit” > “Settings” > “Login Page”

You can add your message in the text field Login Message

Header Images

You can set a main header image, which will be visible on every page. Per page you can override the main header image with a dedicated header image.

Set the Main Header Image

Go to “Edit” > “Settings” > “Brandbook”
You can upload the header image here

Override the Header Image

Override the Header Image

Go to “Edit” and select the page where you would like to override the header image.
In the bottom-left corner, there is a button “Add page header override”.
Click the button, now you can upload a header image specific to this page

Override of the the header image for Brand Story

Table of Contents

Default the first page the user will see after the login page is the overview page or the Table of Contents.
This page is generated by Brandbook and contains the links to the sections of the different pages.

Add/Change the ToC Thumbs

Go to “Edit” on the Table of Contents page you will see an edit icon in the bottom-left corner. Click this button to add or change the thumb.

Table of Contents Settings

You can change the settings of the Table of Contents.

Go to “Edit” > “Settings” > “Brandbook”
Scroll down you will find these textfields.

  1. When the checkbox is active, the first page of the Brandbook will display a Table of Contents
  2. You can select if all the rows have the same height or differ per row


You can theme your Brandbook easily by adding the brand colors and add any Google Font you like.

You can theme your Brandbook

Go to “Edit” > “Settings” > “Theme”

  1. Define the Colors, you can use the brand colors
  2. Add a Google Font. Add the specimen URL for the Google Font in the text field e.g. Brandbook will find the different styles by itself

Logo, Favicon, Open Graph

Main Nav Logo

You can change the main nav logo and the URL. Default this is the Brandbook B.

This is the Main nav logo

Upload your Main nav Logo

Go to “Edit” > “Settings” > “Brandbook”
Scroll half way, you will find the Main nav logo section.
You can upload your logo and overwrite the URL to you own website.

The default Main nav logo, replaced by your own logo and URL.


Replace the default Brandbook Favicon

Go to “Edit” > “Settings” > “Brandbook”
Scroll half way, you will find the favicon upload field.
Upload your favicon here.

Open Graph

Open Graph image

When sharing the Brandbook in the mail or chat this will be the image that the receiver will see.

Set an Open Graph image

Go to “Edit” > “Settings” > “Sharing”
Scroll down the page and you will find the option to upload you Open Graph image.

Copyright © 2024

Powered by