What is the Litmus Design Library?

The Design Library in Litmus empowers brands to streamline and scale email production by making it easy to create, access, share, and collaborate on a common set of reusable templates and code modules in one centralized spot to create high-performing, on-brand emails quickly.

With the Design Library in Litmus, email developers can:

  • Define your brand's color palette
  • Create and manage reusable email templates
  • Share common, tested code modules across your team
  • Centralize storage of and access to your core email “source code”—regardless of where your team is located or how many ESPs you use
  • Minimize errors and inconsistencies with built-in Litmus Email Previews
  • Control access to shared resources, and separate them by client, department, region, and more, using Subaccounts

Navigating your Design Library

The Design Library is accessible from the main navigation in Litmus. There are three main sections in the Design Library: Templates, Partials, and Snippets. Use the navigation menu to move between sections. 

Click on any item in the library to view it. From the right sidebar, you can see a thumbnail preview of the item, when the last update was made to it, and who last worked on it. Click the code preview to copy code to the clipboard for use in Litmus or your code editor of choice.

Managing your Design Library

Roles and permissions

Need to control access to your team's Design Library? Litmus offers the following user roles to control who can access and manage your brand assets and modular components:

  • The Full, Admin, and Account Holder roles can all create, edit, and delete assets in the Design Library
  • Users with the Code Editor role can view the Design Library and use its assets when building emails, but cannot create, edit, or delete assets in the Design Library.
  • Users with the Content Editor role do not have access to the Design Library and cannot create, edit, or delete assets. They can, however, build emails using Templates and the Visual Editor in Litmus Builder.

For more information about roles and permissions, please check out this article.

Note: Code Editor and Content Editor roles are available on Litmus Enterprise plans only.

Colors

Defining your brand's colors in Litmus allows for effortless on-brand email building. Easily reference your brand's colors when building in Litmus Builder's code editor and choose directly from your brand colors from the color pickers in the Visual Editor.

Note: Brand colors are a feature of Litmus Enterprise plans only.

Adding and managing Colors

To add a color, navigate to the Design Library and click the  New Color button in the upper right corner of your screen. Give your color a name and a six-digit hex value (e.g. "#eeb35b") and click Save color.

To edit a color, simply select it and click Edit color. To delete a color, select it and click on the trashcan icon in the bottom right corner of the screen.

brand colors

Templates

Templates empower your team to create on-brand, error-free emails quickly. Instead of having to rewrite an entire email from scratch for every send, you can simply add copy, images, and links to an existing template before testing and sending it to your subscribers.

Creating and managing Templates

To create a Template, navigate to the Design Library and click the New Template button in the upper right hand corner of your screen. Give your Template a name and a new template editor window will open. When you’re done, use Ctrl+S or Cmd+S, or the File > Save menu to save your changes.

To edit a Template, simply select it and click Edit Template. To rename a Template, click on the name in the preview pane. To delete a Template, use the action menu at the bottom right corner of the preview pane.

managing templates

Partials

Partials are global, dynamic, reusable blocks of code that can be used across multiple emails. Changes made to a partial will apply to every single email or template where that partial is referenced, saving time and eliminating the possibility of forgetting to update an email or template.

Creating and managing Partials

To create a Partial, navigate to the Design Library and click the New Partial button in the upper right hand corner of your screen. Give your Partial a name and a new editor window will open. When you’re done, use Ctrl+S or Cmd+S, or the File > Save menu to save your changes.

To edit a Partial, simply select it and click Edit Partial. To rename a Partial, click on the name in the preview pane. To delete a Partial, use the action menu at the bottom right corner of the preview pane.

creating and managing partials

Snippets 

Snippets are modules of reusable code that are ideal for elements that are commonly used across email designs, like doctype, bulletproof buttons, and links. Rather than having to re-write the code each time one of these elements is used, you can use a snippet.

Creating and managing Snippets

To create a Snippet, navigate to the Design Library and click the New Snippet button in the upper right hand corner of your screen. On the next screen, give your Snippet a name and a Trigger -- a string of text that you will use to insert the Snippet in Litmus Builder.

To edit, rename, or delete a Snippet, simply click on it and the Snippets manager will open.

creating and managing snippets

Building emails with your Design Library elements

Using Templates to build emails

Your Templates are available within Litmus for building new email campaigns quickly and easily. Either pick a Template when you start your new email or access your Templates from within Litmus Builder at any time. For more on using Templates in Builder, read this article.

design library

If you prefer to use your own code editor, simply select a Template and click the code preview to copy the Template code to your clipboard to use with your local development tools.

click to copy template

Using Partials in Templates and emails

Your Partials are accessible within Litmus Builder from the Insert > Partials menu. For more on using Partials in Builder, read this article.

If you prefer to use your own code editor, simply select a Partial and click the code preview to copy the Partial code to your clipboard to use with your local development tools.

click to copy snippet

Using Snippets

Your Snippets can be inserted at any time using the Trigger string you created. Snippets are also accessible within Litmus Builder from the Insert > Snippets menu. For more on using Snippets in Builder, read this article.

Using Colors

Colors can be chosen from the font and background color pickers in the Visual Editor in Litmus Builder.

selecting font colors in visual editor

selecting background colors in visual editor

Related content from the Litmus Blog:

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us