Typography

Overview

Typography is used to create organization and visual hierarchy that assists in guiding the user through the product and experience.

Typeface

• Roboto Regular

• Roboto Condensed

The IAA Design System uses the Roboto typeface. It was selected for its dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves. Roboto also has a "Condensed" variation that provides the ability to maximize the number of characters in a single line when real estate is crucial.

Type Sizing

Type sizing is based on a 1.125 (Major-Second) scale. The base size is defined as 10px as 1em. The root base (default text size) is 1.4rem. More information on type scales can be found here.

Installing Roboto

Include the code below before the end of your head tag.