Demo Editor Sign In →
Design Templates How-to
~ 8 min read
31036 views
rate it
24 August 2020

Brand Guidelines and Brand Assets in One Minute

Stripo / Blog / Brand Guidelines and Brand Assets in One Minute

This March, we released "Brand Guidelines" which was a totally new feature to help: a) you build brand consistent newsletters regardless of what agency or email designer you hire for building your future campaigns; b) designers easily get used to rules and requirements for emails of any brand and will build those emails in no time; c) make onboarding of new teammates go easier and faster.

This Summer, it's been updated and we want to show you what it is now and how to generate the Brand Guidelines kit for any project of yours within just a minute totally for free.

Watch our short video

Wanna build the same for your brand? Give it a try now!

Below, you will find more details on what the Brand Guidelines kit is. And how to generate one for your projects.

The content of this Brand Guidelines kit:

  • detailed brand guidelines — here we compile all the information about your templates design. It provides you and your teammates with the fonts that your brand used in its previous emails, paddings within containers, indents between containers, font and background colors, the CTA buttons design, the design of social media icons, etc.;

  • PDF files of the chosen templates of yours — so that you and your colleagues get a big picture of what your campaigns should look like;

  • content modules — you preview them and copy HTML code of necessary ones;

  • images that you used for your campaigns;

  • brand assets — like logo/set of logos, favicon;

  • contact information like links to social media profiles, your website addresses, etc.

In other words, you get everything you need for your future email campaigns in one place.

Benefits of using our Brand Guidelines feature

It will serve as a Statute for all the coders, designers, and email marketers who work on emails.

  1. Brand Guidelines is a very useful option for those teams where there’s more than one person involved in email building.

  2. You are now free to use any Agency or any email coder to work with — it will not affect the design of your campaigns. You just share with them the files from your Brand Guidelines kit — and they use the right styles.

  3. Building emails will become even less time-consuming because all your brand assets are always at hand.

  4. Onboarding of new team members who deal with emails will go faster, with fewer mistakes they commit when building their first emails for you.

How do you generate Brand Guidelines for your projects?

This is a very simple process, actually.

To start working on your Brand Guidelines kit, click your profile icon in the upper right corner, then enter the Brand Guidelines tab.

Brand Guidelines_New Tab Name

Step 1. Creating the Brand Guidelines kit

Please enter the "+New Brand Guidelines kit" tab to build a Brand Guidelines kit for any of your projects.

Brand Guidelines Button

Here you need to:

  • enter your company name;

  • in the dropdown menu, select a necessary project if you have many;

Choosing the Right Projects

  • now please in the dropdown menu, pick necessary templates for the Brand Guidelines;

  • if you need more than 1 template, click the "+" icon to add as many templates as you need;

Choosing the Right Templates

  • on the right, our system shows how many templates there are in the chosen project of yours. Here you can also see the number of modules that you or your teammates have previously saved to your personal Modules library for this particular project;

Number of Templates in the Project

  • now in the Appearance section, you need to choose the color for the Guideline.pdf document — by setting the «Primary color» — the color that would be set as the document background and will be applied to all buttons across this document. Of course, I set green;

Working on the Kit Appearance

  •  now in the Additional Assets section, you choose what files to include in your kit by just toggling them;

Additional Assets

  • now in the very same section, you may include screenshots of the tests taken with Email on Acid:

Dropdown Menu for Including Screenshots of Tests Taken with Email on Acid

Where "Update results" means our system will run new tests if you have previously run any, and "Include recent results" means our system will retrieve the most recent results of the test you have previously run, but will not take a new test. If you have run no tests previously, be sure to do that with our email testing tool right in Stripo before choosing the "Update results" or "Include recent results" options.

  • if you want to add your own files to the Brand Guidelines kits, like another logo, more images, or anything else, click the "Custom files" tab in the Additional Assets section;
  • upload your files;
  • below you will see the list of your custom files. You can remove the unnecessary ones;

Uploading Custom Files for Additional Assets

Important to note:

Your Brand Guidelines kit will contain both Predefined, aka standard, and custom files.

  • here, you also need to decide whether you want those who will have access to the Guidelines.pdf, named "Brand Guidelines" to be able to view your email templates on the web and enable them to enter the editor to start working on new emails right from the Guidelines file. If yes, toggle respective buttons at the bottom of the New Brand Guidelines kit tab in the Referencing to Stripo section:

The Referencing to Stripo Button

  • in the top section, named "General information" click the "Generate" button to build this kit of yours.

The Generate Button

Step 2. Adding contact information to your Brand Guidelines kit

Now please go to the Brand Guidelines Settings tab.

Bran Guidelines Settings

Here you will be asked to:

  • enter your company name;
  • upload logo;
  • specify your contact information, including links to social media profiles;

Entering Your Contact Information in Files

  • to add an extra piece of contact information, please click the «Plus» icon, then click the arrow to choose the type of the link in the dropdown list.

Adding More Social Networks to Contact Information

 

This information will be applied to all Brand Guidelines kits of yours within the same project.

Step 3. Downloading your Brand Guidelines kit

To get your kit, you need to go back to the "+ New Brand Guidelines kit" tab and click the "Download Brand Guidelines kit". 

Please be advised that prior to doing your kit, you can preview it.

Generating Brand Guidelines Kit

If you ever do any changes to your kits, you need to "Refresh" your it.

Refreshing Kits

In the Brand Guidelines tab, you can see the list of the kits that you've generated. You can see the dates they were created. You can see the dates they were altered. You can see the project they belong to. You can preview and download them all.

List of all Kits

What you get in your Brand Guidelines archive

Here’s the contents of the Brand Guidelines kit I’ve just generated for Stripo:

The Contents of the Archive

Folder 1. Assets

It contains your favicon.

It also contains your custom files with fonts, additional logos, and other design elements that you've uploaded in the "Additional assets" section.

Folder 2. Guidelines.pdf

This file goes with the table of contents on page 4.

In this document, we enumerate all the design styles that you used in the chosen template. They are divided into sections for your convenience: headings, headers, buttons, info area, mobile view styles, etc.

Desig Style Recommendations Divided into Sections

Mobile View Styles_Guidelines Files

In the Template section of your Guidelines file, you can preview your template or even go to the editor to start working on a new template or edit this one, of course, if you have enabled these options in the «Referencing to Stripo» page when working on the Guideline appearance.

The Template Section in the Guidelines File

In the Modules area, you see the list of all the modules that have been downloaded with this archive.

And the file ends with your contact information. In case any person at any time needs your help or clarification, he or she will know how to reach out to you.

Contact Information

Folder 3. Modules

All the content modules that have been downloaded with your Brand Guidelines kit are divided into several folders — a folder for each module. They are named respectively.

Each folder contains:

  • a preview image of the module;

  • folder with all the images used in this particular module;

  • separate files with the CSS and HTML codes of a respective module;

  • file with the CSS inlined into the HTML code — you can use any.

The Modules folder also contains the Modules.html file — it contains snippets of all modules and their codes.

You just select a necessary module from the list, and our system shows the HTML code and HTML with the inlined CSS code of this particular module.

Folder 4. Start.html

This file lets you go to the Guideline.pdf or directly to modules.

It also contains your contact information.

The Content of Start.html file

Folder 5. Templates

Just like the Modules folder, this one provides you with:

  • the folder with all the images you used in your template;

  • separate files with the CSS and HTML codes of a respective module;

  • file with the CSS inlined into the HTML code — you can use any;

  • PDF file of this particular template;

  • and a folder with the screenshot tests that you've run (if you run any).

Final thoughts

With our brand new Brand Guidelines option:

  1. You help all future designers build brand consistent emails for your campaigns — as now they have a detailed guideline and previously built email elements for reference.

  2. All the images, contact information, elements’ codes, and other brand assets are always at hand.

  3. You get template guidelines generated precisely for your brand, with all the little details taken into account and it saves time on email building.

We are proud to say that before our Brand Guidelines option, it would take you dozens of hours to create these files with all the guidelines, codes of elements, and some brand assets.

Now it will take you just a minute!

Help your designers build flawless emails faster with our Brand Guidelines.

We will be happy to demonstrate to you the Brand Guidelines in action and share the examples of our guidelines.

Email us at contact@stripo.email or leave a comment below — and we’ll show you everything.

Schedule a Demo to See the Brand Guidelines in Action

You might be interested in

previous next
Greatest Examples of GIF animations in Emails_Cover Image
27 October 2021 · 10 min read
16 Great Examples of Animated GIFs in Emails

GIFs in emails will be of great use if you want to showcase your product, draw users’ attention to certain elements, or just slightly decorate your text. In this article, we have provided some of the best email gif animation examples. Examples of animated GIFs in emails Here’s a compilation of the best examples with GIFs in emails. Each GIF fulfills its mission. 1. Adidas (Source: Email from Adidas) Adidas used email animations to show what color options they have....

Design Marketing
24 September 2021 · 18 min read
Best Fonts for Email: Usage Tips and Tricks

One of the most striking concerns in the email production process is choosing the right font. Weight, height, width, color, shape, spacing… Does everything matter? Yes, it does, but also one of the most crucial things is to choose the font that is legible. In this post, we're gonna show you how to choose the best professional font for email. It is easy to work on fonts in emails with Stripo Get started HTML email fonts: General rules to follow...

Design Templates
08 April 2021 · 17 min read
14 Best Email Signature Design Examples

Good email signatures help us build our business, and make a good lasting impression on clients. Since email signature is the last thing people see in emails, we should make them creative and memorable. Let's examine the best email signature examples and their appropriate use in personal emails and newsletters. Please be advised that all types of businesses require different professional email signatures with detailed contact information. Use this email signature template to design your own email signature faster Use...

Design Marketing Templates
banner9
11 September 2020 · 15 min read
10+ Best Free Email Template Builders for 2021

Do all email template builders seem alike? You are now confused about which one to choose to create the best HTML email templates? No wonder, as there are so many of them. We are going to survey the most popular builders to figure out their distinguishing features to help you find the best HTML email editor for your current needs. I will try to create one template in all these editors with the same media files to see if the builders...

Design Marketing Templates
Be always wide awake in recent email marketing news, guides, articles and how-to’s