Applies to

Brandfolder
  • Brandfolder

Build the structure of a Brandguide

PLANS

  • Brandfolder

Welcome to the new Brandguide experience! This article, as well asGetting Started with BrandguideandBrandguide Customization Using CSS,will walk you through how to migrate your content to the new experience.Editing capabilities on your existing Brandguide will be going away on September 1, 2023. On December 1, 2023, the legacy Brandguide editor will no longer be available.

Pages

The highest organizational level of a Brandguide. Pages add up to make Brandguides.

Adding Pages

  1. Navigate to the Pages option in the sidebar.
  2. Select theAdd page button.
  3. Name the page, and set the Slug.
  4. Select,Save, and create page.

Deleting Pages

Select the trash icon next to the page you want to delete in the Pages and Sections flyout.If a page is deleted, the action cannot be undone,and blocks and sections housed within the page cannot be recovered.

Sections

Sections are an organizational level of a Brandguide that is nested within pages and consists of blocks.

Note:The Sticky Navigation bar and Collapse Page Sections options are automatically toggled on for your Brandguide. You can adjust these inside the Pages & Sections settings.

Blocks

Blocks are nested within sections. You can locate blocks in the block flyout on the left-hand side. Blocks are Brandguide components like images, text, color, and code that live in the canvas area as content.

mceclip0.png

Adding Blocks

mceclip0.gif

  1. Navigate to theleft-hand sidebarand select theblock option.
  2. This will produce a flyout with images, text, code, and color block options. Content that you can add will have a dotted line around it.
  3. Selectthe block and drag it into the canvasarea.Purple lineson the canvas indicate an approved drop zone.
  4. Release the clickto drop the block into the canvas.

Deleting Blocks

  1. Select thetrash iconon the block.Do notethat when you delete a block, it can’t be recovered.

mceclip3.png

Rearranging Blocks

You have two options:

  1. Drag and dropthe block somewhere else on the page.
  2. Use thearrowto the right of the block content to move the block up and down the page.
Was this article helpful?
Yes No