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.
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).
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
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
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