Skip to main content
Automations are a powerful tool that helps quickly automate commonly-used content within brand guidelines.

​
Automation Basics

Automations streamline the tedious parts of guidelines so you can focus on the work that needs your talent, not your time. They are generated after choosing an outline in project setup, or at will within the editor when using the add tool.
Keep in mind: Automations are a great starting point and once added they can be altered to best fit your brand.

​
Adding Automations

Add menu dropdown open showing a list of all options
Automations can be added to projects using the add Automation tool A. Many are a multi-step interface where layout and content is chosen to power the outcome of the Automation.
1

Select the Automation add tool

From within the editor, select Automation from the  + menu in the top bar, or use the hotkey A
2

Select area to add to

Select a point in the project body by selecting between layouts
3

Choose Automation

Choose the Automation from the pop-up window
4

Follow steps, if applicable

Many Automations have multiple steps to choose preferences

​
Automation types

Below are the Automations that can be added to your site. Note: Some Automations have been archived and are no longer available beyond app release 11.12. This decision is to bring more focus on the growing amount of special Automations.

​
Sectioning

A large flexible hero area with a title, logo, and background color or image, much like the cover of a book.
List of pages and sections with links
An abbreviated version of the cover at the beginning of each new section – think of it a bit like a chapter heading, containing information for that section.
Titles and descriptions typically shown at the beginning of each subsection

​
Media

Sequence with a single slide in view at a time
Sequence automatically scrolling through a loop of slides
Display multiple media items in rows and columns
A large image extending to the max width or window boundary. Apply this as a background image or large-scale image.
A large primary logo in a container
Examples of the logo on selected brand colors
Example of the logo on white and knocked out on black
Highlight a progression of type sizes in a horizontal or vertical display.
Automatically show common examples of logo treatments to avoid.

​
Typography

Displays the uppercase, lowercase, numerals, and common characters in a typeface.
Displays all the weights for a selected typeface.
An input field enabling viewers to test out a typeface at a specified weight, size, tracking, and leading.
The individual characters shown isolated in a grid. Ideal for handwritten faces or type with intricate details.
Automatically show a range of type sizes.
Show principles in composition with a ‘do’ next to a ‘don’t’.
Show incorrect usage and formatting of a brand elements.

​
Color

Show swatches of brand colors.
Organized by scale, determine how much of each color is used by our brand.
A way to show brand colors stacked together.
Overlaid color combinations to use or avoid
Do’s and don’ts of color usage
Show incorrect usage and formatting of a color usage.

​
Strategy

Placeholder for a list of groups of people that help the brand thrive.
Placeholder for a clear and attainable goal a brand strives for every day.
Placeholder for a unique set of characteristics that make a brand feel truly human. Include language that strives to maintain this personality in all communications.

​
Language

Placeholder for subject matter that is important to communicate in the brand, products, or services.
Placeholder for an external piece of language that sums up the brand’s promise in a few memorable words.
Placeholder for a narrative to create an emotional, value-driven connection to the brand’s core beliefs.
Placeholder for do’s and don’ts when working with CTAs.