Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Version History

Version 1 Next »

Introduction

In the same way a compass points everyone in the same direction, a design system intends to accomplish the same thing for a product and brand team. Compass is Mattermost's “true north” when it comes to design. It also helps that the Mattermost brand happens to be embodied by a compass symbol we call ”The Instrument”.

What is a Design System?

In short, a design system is a collection of guidelines, patterns and components that are guided by standards and documentation. A design system helps a team have a shared understanding of the design approach and establishes a shared visual language for products and communications.

Why a Design System?

Having a documented design system helps us achieve the following goals:

  • Promotes consistency in our design solutions

  • Ensures our products and communications have a cohesive look and feel

  • Enables efficiency in designing and developing new features with reusable patterns

  • Cuts down on design review times

  • Saves time on making global style changes

  • Provides a shared language for the organization to talk about design

Design Principles

Need Global principles here...


Brand

Foundations

TBD…

Patterns

Email templates

There’s been a lot of chat recently about the disconnect with emails across product and branding. We should pull together all of the current email templates and one-offs and create a consistent template pattern.

More...


  • No labels