Typography

A consistent typography system for your website.

Headings

You can use headings tags or class names to style your headings. Please keep semantics in mind while using the heading styles.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Div Heading 1
Div Heading 2
Div Heading 3
Div Heading 4
Div Heading 5
Div Heading 6
Large Title
Medium Title
                        
                            
                        
                    

Text Alignment

You can use text alignment classes to align your text.

Left-aligned text!

Center-aligned text!

Right-aligned text!

                        
                            
                        
                    

Additional Utilities

You can use additional utilities to style your text.

Large Title

Medium Title

Italic text!

Bold text!

Underline text!

Strikethrough text!

Highlight!

Gray text!

Red text!