Typography
- Home
- •
- Others
- •
- Typography
Display Title
Display 1
Size: 80 / Height: 96 / Weight: 700
Display 2
Size: 72 / Height: 86 / Weight: 700
Display 3
Size: 64 / Height: 77 / Weight: 700
Display 4
Size: 56 / Height: 67 / Weight: 700
Heading Title
Heading H1
Size: 48 / Height: 58 / Weight: 600
Heading H2
Size: 40 / Height: 48 / Weight: 600
Heading H3
Size: 64 / Height: 77 / Weight: 600
Heading H4
Size: 24 / Height: 31 / Weight: 600
Heading H5
Size: 20 / Height: 26 / Weight: 600
Heading H6
Size: 16 / Height: 21 / Weight: 600
Lead Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 24 / Height: 36 / Weight: 700
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 24 / Height: 36 / Weight: 600
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 24 / Height: 36 / Weight: 500
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 24 / Height: 36 / Weight: 400
XL Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 20 / Height: 30 / Weight: 700
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 20 / Height: 30 / Weight: 600
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 20 / Height: 30 / Weight: 500
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 20 / Height: 30 / Weight: 400
L Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 18 / Height: 27 / Weight: 700
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 18 / Height: 27 / Weight: 600
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 18 / Height: 27 / Weight: 500
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 18 / Height: 27 / Weight: 400
M Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 16 / Height: 24 / Weight: 700
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 16 / Height: 24 / Weight: 600
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 16 / Height: 24 / Weight: 500
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 16 / Height: 24 / Weight: 400
S Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 14 / Height: 21 / Weight: 700
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 14 / Height: 21 / Weight: 600
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 14 / Height: 21 / Weight: 500
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 14 / Height: 21 / Weight: 400
XS Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 12 / Height: 18 / Weight: 700
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 12 / Height: 18 / Weight: 600
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 12 / Height: 18 / Weight: 500
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Size: 12 / Height: 18 / Weight: 400
Colors Text
Primary
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
Secondary
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
Info
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
Success
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
Warning
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
Error
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.