Brand 0/5

Brand drives every single decision you make when building new products or features. A good brand is much more than a name and a logo. It's the values that define your unique identity and what makes you stand out from others.

Vision

product. Why you exist, what your values are, and how they'll help guide the future of your

Design principles The considerations that guide the basis of your practice. They outline how you approach design philosophically and help with everyday decisions.

Tone of voice

A clear tone of voice defines how you speak to your audience at every moment of their journey, helping them get wherever they want to go.

Terminology

Create the standard terms and phrases that need to be kept the same throughout the user experience, speeding up the design process and unifying your voice.

Brand assets

Using a consistent set of brand assets aligns the user experience across your product and marketing campaigns. These assets include your logo, fonts, icons, illustrations, etc.

Guidelines 0/5

Understanding how to approach common UX patterns will allow your organization to establish a consistent approach and user experience on any platform.

Accessibility Guidelines for how you approach accessibility and how you leverage color, hierarchy, and assistive technologies to help your users.

Writing guidelines Every consistent experience needs watertight writing. Laying down the foundations for your house style early keeps everything in line with consistent grammar, style choices, and action-oriented language to help your design.

Microcopy guidelines The standard way to write for the components in your design system. These take platform conventions and best practices for writing all into consideration.

Terminology Create the standard terms and phrases that need to be kept the same throughout the user experience, speeding up the design process and unifying your voice.

Internationalisation

Define standards for handling content translated into various languages supported by the product. It includes handling translation edge cases and content bi- directionality.

Color 0/4

Not only an efficient way to showcase your brand but also an efficient way to communicate with your users. Color palettes created with purpose over aesthetics in mind can help you develop intuitive design patterns by adding meaning to your interface.

Accessibility Make sure to have accessible pairings between the primary colors in your palette. More importantly, ensure that your background and text colors have at least an AA standard contrast ratio.

Semantic colors

Besides your brand colors, make sure to have colors defined and made into variables for functions like disabled states, backgrounds, actions, and high-contrast text.

Dark mode

Preparing a dark mode version of your color palette will allow your design system to adapt to the user's OS color preferences.

Guidelines

Provide guidelines on how and when to use the colors in your palette, what to keep in mind when working with them, and how not to use them.