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 →
Colors
Color distinguishes our brand and helps us create consistent experiences across products.
Typography
Typography is our system of fonts which represent our brand in all marketing communication.
Iconography
Icons are visual representations of commands, devices, directories, or common actions.
Illustrations
Illustrations help convey complex ideas in a simple way. They should be meaningful and reflect a user's context and emotional state.
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.
Figma library
Our Figma libraries contain the latest foundations, components, and patterns for designing and building Usercentrics products.
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.
Illustration library
Illustrations help convey complex ideas in a simple way. They should be meaningful and reflect a user's context and emotional state.
Logo library
Usercentrics’s official logos and lockups for all programs, properties, and products.
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