TYPOGRAPHY
WEB TYPOGRAPHY SYSTEM
Display Headings
Display 1
Lexend /
SemiBold
88px
/
94px
Lorem ipsum dolor sit
Display 2
Lora /
SemiBold, Italic
88px
/
94px
Lorem ipsum sit
Lorem
Primary Headings
Heading H1
Lexend /
SemiBold
60px
/
72px
Lorem ipsum dolor sit amet, adipiscing elit.
Heading H2
Lexend /
SemiBold
48px
/
58px
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Heading H3
Lexend /
Regular
40px
/
48px
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Heading H4
Lexend /
Regular
30px
/
38px
Lorem ipsum dolor sit amet, consectetur
adipiscing elit.
Heading H5
Lexend /
SemiBold
28px
/
40px
Lorem ipsum dolor sit amet, consectetur
adipiscing elit.
Heading H6
Lexend /
Regular
24px
/
30px
Lorem ipsum dolor sit amet, consectetur
adipiscing elit.
Secondary Headings
Heading H1
Lora /
SemiBold, Italic
60px
/
72px
Lorem ipsum dolor sit amet,
adipiscing elit.
Heading H2
Lora /
Medium, Italic
48px
/
58px
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Heading H3
Lora /
SemiBold, Italic
40px
/
48px
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Heading H4
Lora /
Medium, Italic
30px
/
38px
Lorem ipsum dolor sit amet, consectetur
adipiscing elit.
Heading H5
Lora /
SemiBold, Italic
28px
/
40px
Lorem ipsum dolor sit amet, consectetur
adipiscing elit.
Heading H6
Lora /
SemiBold, Italic
24px
/
30px
Lorem ipsum dolor sit amet, consectetur
adipiscing elit.
Body Large Text
Body Large Regular
Lexend /
Regular
18px
/
26px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet proin ut vitae, felis. Mauris aliquet faucibus iaculis dui vitae ullamcorper ac enim mi pharetra amet.
Body Large Light
Lexend /
Light
18px
/
26px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet proin ut vitae, felis. Mauris aliquet faucibus iaculis dui vitae ullamcorper ac enim mi pharetra amet.
Body Large SemiBold
Lexend /
SemiBold
18px
/
26px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet proin ut vitae, felis. Mauris aliquet faucibus iaculis dui vitae ullamcorper ac enim mi pharetra amet.
Body Large Italic
Lora /
SemiBold, Italic
18px
/
26px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet proin ut vitae, felis. Mauris aliquet faucibus iaculis dui vitae ullamcorper ac enim mi pharetra amet.
Body Default Text
Body Default Regular
Lexend /
Regular
16px
/
24px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet proin ut vitae, felis. Mauris aliquet faucibus iaculis dui vitae ullamcorper ac enim mi pharetra amet.
Body Default Light
Lexend /
Light
16px
/
24px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet proin ut vitae, felis. Mauris aliquet faucibus iaculis dui vitae ullamcorper ac enim mi pharetra amet.
Body Default SemiBold
Lexend /
SemiBold
16px
/
24px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet proin ut vitae, felis. Mauris aliquet faucibus iaculis dui vitae ullamcorper ac enim mi pharetra amet.
Body Small Text
Body Small Regular
Lexend /
Regular
14px
/
22px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet proin ut vitae, felis. Mauris aliquet faucibus iaculis dui vitae ullamcorper ac enim mi pharetra amet.
Body Small SemiBold
Lexend /
SemiBold
14px
/
22px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet proin ut vitae, felis. Mauris aliquet faucibus iaculis dui vitae ullamcorper ac enim mi pharetra amet.
Body Extra Small Text
Body Ex. Small Regular
Lexend /
Regular
12px
/
20px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet proin ut vitae, felis. Mauris aliquet faucibus iaculis dui vitae ullamcorper ac enim mi pharetra amet.
Body Ex. Small SemiBold
Lexend /
SemiBold
12px
/
20px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet proin ut vitae, felis. Mauris aliquet faucibus iaculis dui vitae ullamcorper ac enim mi pharetra amet.