Text Utilities

Basic text formatting options used to keep the webapp intact and follow a particular order.

Headings

PaperUI provides custom font-sized headings. Just simply use the tags to get the custom font sizes

Examples

Heading 1

H1/44.8px Line Height/67.2px

Heading 2

H1/33.6px Line Height/50.4px

Heading 3

H1/26.2px Line Height/39.3px

Heading 4

H1/22.4px Line Height/33.6px

Heading 5

H1/18.5px Line Height/27.8px

Heading 6

H1/15px Line Height/22.5px

          
            
Heading 1

            
Heading 2

            
Heading 3

            
Heading 4

            
Heading 5

            
Heading 6

Typography (Font Size)

There are five different types of font-sizes.

Examples

Lorem ipsum

P /40px line height/60px

Lorem ipsum

P /32px line height/48px

Lorem ipsum

P /22.4px line height/33.6px

Lorem ipsum

P /16px line height/24px

Lorem ipsum

P /8px line height/12px 
          
            
Lorem ipsum

            
Lorem ipsum

            
Lorem ipsum

            
Lorem ipsum

            
Lorem ipsum

Typography (Font Weight)

Use class name .w followed by the font weight specified in the below code.

Examples

Light 300

Light 400

Light 600

Light 700

Light 900

          
            
Light 300

            
Light 400

            
Light 600

            
Light 700

            
Light 900

Border Radius

There are four different type of border radius.

Examples

5px s
10px m
15px l
99px full-O 
          
            

              

              5px s
            

            

              

              10px m
            

            

              

              15px l
            

            

              

              99px full-O