Typography
Title / Header 1
Family: Open Sans
Style: SemiBold
Size: 48px
Tablet: 44px
Mobile: 32px

Heading 1

Header 2
Family: Open Sans
Style: SemiBold
Size: 36px
Tablet: 32px
Mobile: 28px

Heading 2

Header 3
Family: Open Sans
Style: Medium
Size: 32px
Tablet: 30px
Mobile: 24px

Heading 3

Header 4
Family: Open Sans
Style: SemiBold
Size: 28px
Tablet: 28px
Mobile: 24px

Heading 4

Header 5
Family: Open Sans
Style: SemiBold
Size: 24px
Tablet: 24px
Mobile: 24px
Heading 5
Header 6
Family: Open Sans
Style: SemiBold
Size: 24px
Tablet: 24px
Mobile: 20px
Heading 6
Subtitle
Family: Open Sans
Style: Bold
Size: 12px
Tablet: 14px
Mobile: 14px
Subtitle
Body
Family: Open Sans
Style: Regular
Size: 18px
Tablet: 16px
Mobile: 16px

Body

Navigation
Family: Open Sans
Style: SemiBold
Size: 14px
Tablet: 16px
Mobile: 20px
Button 1
Family: Open Sans
Style: SemiBold
Size: 14px
Tablet: 14px
Mobile: 14px
Button text
Colors
.Orange
#ED7D15
.Grey
#9397A6
.Black
#1F2024
.LIght Orange
#FFAC5F
.Light Grey
#F2F4F8
Rich Block Styles

Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Caroline Gregory, global brand director for Axe

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

“Bibendum egestas urna sed ut vitae. Tellus nec neque suspendisse viverra bibendum enim elementum, sed tellus”.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Bulleted list
  • Some text 1
  • Some text 2
  • Some text 3

Numbered list
  1. This is a number point.
  2. This is a multi line number point. This is a multi line bullet point. This is a multi line bullet point. This is a multi line bullet point. This is a multi line bullet point.

Design System News Template

TypographyColorsButtonsRich Text