This video is available to students only

Typography

To build a design system we need to start by defining a typography; defining the fonts, colors and icons of the app.

Prerequisites#

It is highly recommended that you go through the Atomic Design lesson before moving ahead with this one.


Typography#

To build a design system we need to start by defining a typography for the app. This consists of the fonts, colors and icons the application will use, and how they come together to work with the layout, grid and color scheme. The necessary elements are thus:

  • Icons

  • Colors

  • Typeface

These will help define a palette for the application to use. You do not want to have ten shades of blue, all of which look like your brand's blue, running across the application.

These also help with maintainability and consistency of the application.

Start a new discussion. All notification go to the author.