Design System •

LAST Update 20/05/21

Create, define, deliver faster

Use Usercentrics' end-to-end design language to create simple, intuitive, beautiful and on brand experiences.

Brand Guidelines

Our brand reflects who we are and how we want our users to feel when they use our products.

IN PROGRESS

 

Mission

Being part of Usercentrics means to stand completely behind our mission and to support it.

IN PROGRESS

Personality

Our personality expresses our values ​​and defines how we want to shape our external communication.

IN PROGRESS

Values

Our values reflect the spirit with which we works to fulfill our promise.

IN PROGRESS

 


Design Guidelines

Our design guidelines needed to create engaging layouts but also to stay on brand regardless of the content.

Explore our design guidelines →

 

Logos

Our brand and product logos are clear, impactful and recognizable.

Our logos →

Colors

Color distinguishes our brand and helps us create consistent experiences across products.

Our colors →

Typography

Typography is our system of fonts which represent our brand in all marketing communication.

Our typography →

 

Iconography

Icons are visual representations of commands, devices, directories, or common actions.

Our icons →

Illustrations

Illustrations help convey complex ideas in a simple way. They should be meaningful and reflect a user's context and emotional state.

Our illustrations →

Grid

Illustrations help convey complex ideas in a simple way. They should be meaningful and reflect a user's context and emotional state.

COMING SOON

 

Accessibility

Accessible design lets people all abilities interact with, understand and navigate our products.

COMING SOON

 

 


Content Guidelines

Our content guidance covers our voice and tone, and the mechanics of our grammar and style.

IN PROGRESS

 

Voice and tone principles

The principles behind using the Usercentrics voice and tone guidelines.

IN PROGRESS

 

Writing style

The Usercentrics writing style reflects our core company values, company mission, design principles, and our voice and tone.

IN PROGRESS

Language and grammar

Use conventions to make your writing clear, consistent, and localizable.

IN PROGRESS

 

Inclusive language

Inclusive language is free from words, phrases, or tones that reflect prejudiced, stereotyped or discriminatory views of particular people.

COMING SOON

Messaging guidelines

Use these guidelines as a source of truth, for best practices and patterns when writing messages.

COMING SOON

Error Messaging guidelines

Use these guidelines to make error messages clearly visible, reduce the work required to fix the problem, and educate users along the way.

COMING SOON


Ressources

Our content guidance covers our voice and tone, and the mechanics of our grammar and style.

Explore our ressources →

 

Figma library

Our Figma libraries contain the latest foundations, components, and patterns for designing and building Usercentrics products.

Our Figma library →

Fonts

Our fonts are part of our system of communication. Each font conveys the appropriate sentiment to assist our users through each stage of their journey.

Our fonts →

Illustration library

Illustrations help convey complex ideas in a simple way. They should be meaningful and reflect a user's context and emotional state.

Our illustration library →

 

Logo library

Usercentrics’s official logos and lockups for all programs, properties, and products.

Our logo library →

Presentation kit

Usercentrics’s official presentation kit for all kinds of presentations to internal and external audiences.

IN PROGRESS

Templates

Usercentrics’s official templates for all kinds of actions around marketing, sales and organizational.

IN PROGRESS