Set up your Content Automation brand

Learn how to set up your Content Automation brand.

Plans:

Brandfolder

Permissions:

Admins

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

A brand system is a design management tool within Content Automation. It's where you can define your logos, colors, typography, and anything necessary to your brand. The brand system then codifies those values for developers to use in design systems, applications, websites, and templates.

To set up your brand in Content Automation:

Open Settings > Brand System.
Switch to Colors, Logos, Typography, or Tokens in the sub-menu, depending on the brand element you want to set up first.

Admins must be granted the additional privilege or custom role of Brand Manager to set up their brand in Content Automation.

Colors

To add colors to your brand system:

Select New Color. If you previously had colors in your brand area, choose Import from Account Settings.
Give the color a name.
Enter the HEX, RGB, or CMYK value for your color. HEX and RGB always reference the same color. But you can choose to unlink CMYK and add your values if desired.
Enter the SPOT value if known.
Select Finish editing after adding all colors.

To organize brand colors into color palettes:

Select New palette.
Select New color. Give the palette a name.
Select the color you'd like to add to your palette. If you select the wrong color, remove it by selecting the ellipses (⋯) next to the color, then press Delete.
If you'd like to re-order colors, select and drag the 6-dot icon next to the color name.
Select Finish editing after adding all color palettes.

Logos

To add logos to your brand system:

Ensure your logos have been uploaded to the account asset library. Then head back to Account Settings > Brand System > Logos.
Select New logo set and name it.
Select New logo and name it.
Select Change.
Search for the logo you previously uploaded/checked in the asset library in step 1.
Select which background the logo should be displayed on: white, grey, or black.
Select Finish editing after adding all logos.

Typography

To add a typeface to your brand system select Typeface, then follow the steps below according to the typography type:

Custom font upload

Select Upload on the typeface to open the upload font modal.
Name your font and drop in or browse locally for custom font files to upload as a single typeface or font family. For example, you could create a Helvetica typeface and upload a light, medium, medium italic, bold, and black font file to save to that typeface.
Set a weight and style value needs to each font. To ensure support for drag-and-drop templates, the numerical value must be set.

100 = Thin
200 = Extra Light / Ultra Light
300 = Light
400 = Regular
500 = Medium
600 = Semi-bold / Demi-bold
700 = Bold
800 = Extra-bold / Ultra-bold
900 = Black

Consider the following:

Styles can be set as normal, italic, or underline for each uploaded file.
Font files must be under 50MB for successful upload. Consider using font files under 5MB for the best possible end-user experience when creating assets in a browser.
OTF, TTF, WOFF & WOFF2 font formats are supported.
Heavily customized fonts may have compatibility issues with browsers and rendering technologies

Select Create Font to finalize creation of the new Typeface (Font Family).

Custom font uploads are also automatically available for InDesign Templates and supported for Coded Templates, Drag & Drop Templates, and InDesign Templates.

Adobe Fonts

Select the split button arrow next to Upload on the new typeface.
Enter your Adobe Fonts URL. It must have a typekit.net URL form.
Select Add Source to submit.

Supported for Coded Templates and Drag & Drop Templates only.

Google Fonts

Select Google Font from the split button arrow on the upload button
Search for a Google Font in the provided text field. It is a search panel linked to the Google Fonts API.
Select the required font and select Add Source.