Brandguide Tutorial

Getting Started with Brandguide:

  1. The support team can enable this feature for you. Once enabled, select the Brandfolder you would like your Brandguide associated with
  2. Select "+ New Brandguide", a modal will expand and allow you to name your new Brandguide 
  3. After creating the Brandguide you will now see it as a tile within your Organization view

Once selecting your Brandguide you will now have access to edit and update the page.

With the toolbar you are able to:

  • Adjust the overall settings of the Brandguide
  • Adjust the styling: font size, font type, colors, favicon image and also find advanced styles at the bottom
  • Add custom styling through the advanced styling using your own CSS
  • Preview as external user

Brandguide_Tutorial_-_Google_Docs_6.png

You can start by clicking into any of the text fields to edit, adding “sections” which will fill the page, and adding “pages” that will be listed on the left hand side.

Click “New Section” and “Add Section”. You will then have the ability to choose the section content from the 3 options below and then click “Select”:

Brandguide_Tutorial_-_Google_Docs_3.png


When adding an image to a section you first upload the image from Brandfolder, your desktop etc. If you would like it also available for download from the Brandguide you can upload it again.

 Brandguide_Tutorial_-_Google_Docs_4.png

 

Here is an example of what it could look like after making some edits:

https://brandguide.brandfolder.com/chelsea-open-table/brandstory


Other edits you can make using the tools below the title of the section:

  • Align copy left, center, right
  • Adjust size of any image uploaded
  • Adjust background color for that section
  • Move section up or down using the arrow bar

Brandguide_Tutorial_-_Google_Docs_5.png

PRO-TIPS:

  • Save each section as you create it or edit it
  • On the left is your navigation:
    • You can put a static logo in the top left
    • You can add and edit pages
  •  On the right is the body of each page:
    • You can add and edit titles, body text, and image
    • Within text, you can add links, bullets, numbering, and adjust the styling of the text
      • Note that the fonts and colors used are stored in the "styles" section at the top right of the tool, not within each section.
  • "Preview" at any time in the top right of the page

 

 

 

Was this article helpful?
0 out of 0 found this helpful

Articles in this section