Get started with Brandguide

Brandguide helps your brand maintain visual consistency across logos, fonts, colors, and photography. Use it to define your organization's visual identity and establish a consistent look and feel.

Who can use this?

Plans:

  • Brandfolder

Permissions:

  • Owners

  • Admins

Find out if this capability is included in Smartsheet Regions or Smartsheet Gov.

Key terms

Brandguide uses the following terms to describe its interface and content structure.

Interface elements

  • Canvas: The main editable area where you drag and drop content blocks onto the page.
  • Sidebar: The navigation panel on the side of Brandguide. It provides access to blocks, pages, and settings.
  • Flyout: The menu that appears from the sidebar and houses content blocks.

Content structure (from smallest to largest)

  • Block: The basic unit of content. Blocks combine to create sections. Add them from the sidebar or directly from the canvas.
  • Section: A grouping of blocks. Sections combine to create pages.
  • Page: A grouping of sections. Pages combine to make up a complete Brandguide.

Other

  • Header image: The image that appears at the top of the Brandguide.

Sidebar is on the far left side, flyout is next to sidebar. Header is at the top middle. Below are pages, sections then blocks.

Create a Brandguide

You can create a Brandguide from three places:

  • At the organization level, from the Create New block

    Hovering over a create new block with an arrow selecting Brandguide from the menu.

  • At the Brandfolder level, select + New Brandguide

    A menu of options from left to right + New Collection + New Workspace + New Brandguide. + New Brandguide is highlighted.

  • At the Collection level, select + New Brandguide

Organization level

  1. Select Create New.

    A modal with creation options appears.

  2. Choose the Brandfolder or Collection to associate with your Brandguide. Your choice determines which colors and images are available when you build your Brandguide.

    You can't change the associated Brandfolder or Collection after you create the Brandguide.

  3. Name your Brandguide.
  4. Create a unique slug for your Brandguide.
  5. Set your privacy:
    • Public: Anyone with the URL can access the Brandguide.
    • Private: Only users with explicit permissions can access the Brandguide. The URL remains inaccessible to others.
  6. Select Create Brandguide.

Brandfolder and Collection level

Follow the same steps as the organization-level creation, with one difference: you don't need to choose an associated Brandfolder or Collection. The Brandguide automatically associates with the Brandfolder or Collection you selected + New Brandguide from.

After you create a Brandguide, access it from the organization level or from the Brandguide dropdown at the Brandfolder or Collection level. The Brandguide appears in the dropdown of the Brandfolder or Collection it was created from.

Edit and preview mode

After creation, two modes are available for your Brandguide:

  • Edit mode: Add content blocks and customize Brandguide settings. Access it from the Edit [Brandguide Name] button in the top-left corner.
  • Preview mode: See how the Brandguide appears to public viewers. Access it from the Preview button in the top-right corner.

A video showing someone select edit Brandguide in the top left corner then selecting Edit on the new screen.

Autosave

Brandguide saves your changes automatically. A Saved! pop-up appears at the bottom of the screen after each change.

Because changes appear in the public version immediately, Brandguide doesn't support drafts. To make changes without publishing them, set your Brandguide to private mode first.

Brandguide permissions

The table below shows what each user role can do in Brandguide.

 

Public View

Private View

Can Edit

Can Create

Can Delete

Anonymous

Yes

    

Guest

Yes

Yes

   

Collaborator

Yes

Yes

   

Admin

Yes

Yes

Yes

Yes

Yes

Owner

Yes

Yes

Yes

Yes

Yes

Settings

Select the gear icon on the sidebar to open global Brandguide settings.

Background color

Enter a hex code or use the color selector to set a background color.

Default typeface and color

Setting a default typeface and color applies to all text on the Brandguide unless you override it at the block level.

Favicon and header CDN URL

Add a favicon or header image to your Brandguide by pasting a CDN link from a Brandfolder asset. Favicon files must be 16×16px. The recommended header image size is 2880×720px.

You can get the CDN link in two ways.

From Brandfolder:

  1. Navigate to your Brandfolder, locate the asset, and open the asset modal.
  2. Select the Embed tab. If you don't see this tab, contact support@brandfolder.com to have it enabled on your account.
  3. Copy the Attachment CDN link.
  4. Paste the URL into the Favicon CDN URL or Header CDN URL field.

From the Brandguide image flyout:

  1. Open the image flyout.
  2. Locate the asset, select the ellipsis menu, and choose View asset details.
  3. In the CDN embed link options section, select Copy Link.
  4. Paste the URL into the Favicon CDN URL or Header CDN URL field.

CSS

For details on CSS customization, see Use CSS to customize Brandguide.

User management

Users don't automatically get access to a Brandguide even if they have access to the associated Brandfolder or Collection. You must grant access to each user directly.

To manage users, select the Users icon in the top-right corner of your Brandguide.

User Management icon

Brandguide management

Admins can modify or delete a Brandguide from the organization page. Hover over the Brandguide card and select the ellipsis menu. The following three options appear:

  • Edit
  • Settings: Modify the Brandguide name, URL, privacy settings, and card image.
  • Delete Brandguide: Permanently deletes the Brandguide. This action can't be undone.

Brandguides created with the legacy Editor are no longer available.