Basics

What is a Design System

A Design System unites product teams around a common visual language.

It acts as a living system of guidelines and a source of truth, including rules about how to use, design and code design assets. It encourage re-use of code and reduce redundancy to a minimum.

Little tip for you

Giving a name to your Design System will make your collaboration more friendly and glue the team together. Find something memorable and in relation with your product.

Here is a short list for your inspiration: Polaris, Orbit, Spectrum, Carbon, Fluent, Seeds, Intuit, Foyer, Uniform, Luna, Plasma.

Intro to Design Systems

Learn about Design Systems and discover some nice resources.

Download free e-book

Principles

Design Principles are an essential part of design documentation. The entire team should agree on and commit to. Try to make your design principles memorable and use them constantly. They should be referred to in everyday conversations. Try reduce them to 3 to 5 main principles.

Little tip for you

This resources might help you defining your principles:
- Open source collection of Design Principles and methods.
- “What are they and how do they help?” by Paul Boag.

Typefaces

The main or anchor typeface you will choose should set the right tone to your experience and act as a reference point for every element in your composition. The body text typeface should be the anchor since it represents the majority of your content. It should reflects the subject matter and suits your design principles. It’s all about EMOTIONS. Using the real and final content will help you define the look and feel.

Little tip for you

Work in progress...

Typography

Work in progress...

Little tip for you

Work in progress...