Introducing design libraries.

Streamline your workflow and drive collaboration. Build a reusable collection of typography themes, color palettes and design assets for every project, and share them with your team. 

TYPOGRAPHY

Image showing typography options. There are 3 headings and one paragraph, in the right corner of each one, is an icon indicating that they are editable.
Three images stacked vertically. The top image shows a blue plus icon on a white background. The middle image shows three men in racing uniforms standing face forward.  The bottom image shows an ombre peach background with a black Sauber logo.
Image showing 3 men facing forward. The middle man has his hands by his sides, the other two are crossing their arms.
Image showing design libraries open on the editor over a website. There are 4 existing design libraries saved and the option to add a new one.

DESIGN LIBRARIES

Image showing design libraries open on the editor over a website. There are 4 existing design libraries saved and the option to add a new one.

TEAM MANAGEMENT

An image that shows a button to invite more people
Image showing team management roles. There are 3 columns: name, role & joined on. Beneath each column is the information for 4 team members.
Image showing team management roles. There are 3 columns: name, role & joined on. Beneath each column is the information for 3 team members.

COLORS

Image showing color themes. There is 1 color theme for text & bg, one for action color and 2 more color themes.
Image showing color themes. There is 1 color theme for text & bg, one for action color and 2 more color themes.

ASSETS

Image showing the box to add a new design library.
Image showing a ombre peach background with the name and logo of a company on top of it.
Image showing typography options. There are 2 heading style

Align brand identities. 

Create a design library by adding typography, color themes and design assets from any site. Build as many design libraries as you want, and use them to prepare design systems, organize brandbooks and set design guidelines.

  • Choose your font and style for each text element

  • Set up a customized color palette

  • Design and save entire sections as an asset for reuse

Image showing design libraries open on designed site, with colors shown. The mouse is hovering over one of the color themes, showing the option to ‘save color to library’
Image showing design libraries open on designed site, with colors shown. The mouse is hovering over one of the color themes, showing the option to ‘save color to library’

Optimize your workflow.

Manage and reuse your collection of assets on any site under the same account. 

  • Rename each theme or asset to stay organized

  • Apply themes and assets from existing libraries

Image showing design assets open on the add panel. One of the design libraries has been shown and has been chosen to ‘save to new library’
Image showing design assets open on the add panel. One of the design libraries has been shown and has been chosen to ‘save to new library’

Streamline collaboration.

Share your design libraries with your team. Your teammates can access and reuse them on any site in your team account.

  • Join the Partner Program and set up a team account

  • Invite teammates and assign roles and permissions 

  • Set your design library to public for team access

Image showing team management open on the Partner Dashboard. There are 4 members in the team management system and there is a button on the top right to add new people.
Image showing team management open on the Partner Dashboard. There are 4 members in the team management system and there is a button on the top right to add new people.
Sauber logo

Editor X has helped optimize our workflow by making teamwork as accessible as our design assets. Sharing resources in one streamlined place has made collaboration a seamless process.”

image showing red circle with black arrow entering it from the right.

Ensure brand consistency and encourage team collaboration with the power of shared design libraries.

Practice first →
Practice: image showing label flipped from top to bottom. This is a button and below a small circle.