Getting started with brandguide.io

This will introduce you to the basic workflow of brandguide.io, and teach you how to create a page and set up your first brand guide. Our design principles are focused on ease-of-use and speed-of-use, meaning we won’t bog you down with too many choices but instead helping you work quickly and efficient. So let’s get started!

Enable editing and creating your first page

Step 1. Enable editing mode

Toggle the edit button. This button is located at the top left of the page.

Edit toggle
Edit toggle – To access this you need to be logged in and have admin rights to the brand you want to edit.

Step 2. Create a new page

Click on “+ New Page” in the left page menu.

Step 3. Edit page title

Simply click the New Page text and start editing – hit Enter to save or click outside the text and it saves automatically.

Creating your content

Elements
You create your content by building your page with elements. You can create as many elements you want and combine them in whatever order you wish. The order of the elements can be rearranged whenever you want.

Add element

Click “+ Add element” to open the element context menu. The elements you can create are:

  • Heading: Heading block
  • Body text: Text block with paragraph style text
  • Images: Upload images (more details below)
  • Files for download: Here you can upload assets that users of the website can download. (more details below).
Add element menu
Tip! Click on any element to show the context-menu

Images element context-menu

To show this menu click anywhere inside the images element (while in editing mode). This allows you to (from the left):

  • Display images as horizontal list
  • Display images as a grid
  • Add a new image
  • Move this entire element up in the page order
  • Move this entire element down in the page order
  • Delete this entire element
Images context-menu

Files for download / Asset library
This allows you to upload files/assets for download. It supports any file-type and will create a preview image if supported/possible. You can upload one or multiple files when choosing which files to upload. Files contains editable metadata, in addition tags can be added to further catogorize assets. All this data is searchable with the search function.

Files for download context-menu

To show this menu click anywhere inside the images element. This allows you to (from the left):

  • Add more files/assets
  • Move this entire element up in the page order
  • Move this entire element down in the page order
  • Delete this entire element
Files for download context-menu

Next steps

While this should get you started with brandguide.io and enable you to create brands with pages and content, there are more features to discover. Look out for new blog posts where we go more in-depth. In the meanwhile you can contact us at hello@brandguide.io if you have any questions or comments. 🙂

The brandguide.io Team