Typography

Typography can help create clear hierarchies, organize information, and guide users through a product or experience.

The design system has many built in tokens to easily solve most common use cases surrounding text and its formatting.

Titles



NameFamilySizeWeightLine height
DefaultNunito Sans16px70024px
MediumNunito Sans20px60032px
LargeNunito Sans28px40040px
X-LargeNunito Sans32px60048px
XX-LargeNunito Sans40px40048px


Body



NameFamilySizeWeightLine height
DefaultNunito Sans14px400, 600, 70020px
LargeNunito Sans16px400, 60024px
SmallNunito Sans12px600, 70016px


Subheading



NameFamilySizeWeightLine height
DefaultNunito Sans12px60024px




NameFamilySizeWeightLine height
DefaultNunito Sans14px40020px

Label

NameFamilySizeWeightLine height
DefaultNunito Sans14px60016px