Typography
Typography Classes
Display 4
Light 112sp
Display 3
Regular 56sp
Display 2
Regular 45sp
Display 1
Regular 34sp
Headline
Regular 24sp
Title
Medium 20spp
Subhead
Regular 16sp
Body 2
Medium 14sp
Body 1
Regular 14sp
Caption
Regular 12sp
Button
Typography Utility Classes
Text Left
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A velit ut dolorem, voluptas eum suscipit quidem nihil tenetur, molestiae iusto, consequatur earum eaque distinctio impedit vel aut illo minus odit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus sed earum quod est, mollitia reiciendis doloremque voluptatem, hic ad dolorem delectus alias ratione, quisquam laboriosam inventore soluta labore qui beatae!
Text Right
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A velit ut dolorem, voluptas eum suscipit quidem nihil tenetur, molestiae iusto, consequatur earum eaque distinctio impedit vel aut illo minus odit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus sed earum quod est, mollitia reiciendis doloremque voluptatem, hic ad dolorem delectus alias ratione, quisquam laboriosam inventore soluta labore qui beatae!
Text Center
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A velit ut dolorem, voluptas eum suscipit quidem nihil tenetur, molestiae iusto, consequatur earum eaque distinctio impedit vel aut illo minus odit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus sed earum quod est, mollitia reiciendis doloremque voluptatem, hic ad dolorem delectus alias ratione, quisquam laboriosam inventore soluta labore qui beatae!
Text Justify
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A velit ut dolorem, voluptas eum suscipit quidem nihil tenetur, molestiae iusto, consequatur earum eaque distinctio impedit vel aut illo minus odit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus sed earum quod est, mollitia reiciendis doloremque voluptatem, hic ad dolorem delectus alias ratione, quisquam laboriosam inventore soluta labore qui beatae!
Text Lowercase
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A velit ut dolorem, voluptas eum suscipit quidem nihil tenetur, molestiae iusto, consequatur earum eaque distinctio impedit vel aut illo minus odit.
Text Uppercase
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A velit ut dolorem, voluptas eum suscipit quidem nihil tenetur, molestiae iusto, consequatur earum eaque distinctio impedit vel aut illo minus odit.
Text Capitalize
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A velit ut dolorem, voluptas eum suscipit quidem nihil tenetur, molestiae iusto, consequatur earum eaque distinctio impedit vel aut illo minus odit.
Typography Weight Classes
Font Thin
How heavy is this?
Font Light
How heavy is this?
Font Regular
How heavy is this?
Font Medium
How heavy is this?
Font Bold
How heavy is this?
Font Black
How heavy is this?
