Style guide

Go to Home
Typography
Title / Header 1
Family: Forum
Style: Regular
Size: 96px
Tablet: 48px
Mobile: 48px

Heading 1

Header 2
Family: Forum
Style: Regular
Size: 36px
Tablet: 32px
Mobile: 32px

Heading 2

Header 3
Family: Forum
Style: Regular
Size: 32px
Tablet: 30px
Mobile: 24px

Heading 3

Header 4
Family: Forum
Style: Regular
Size: 28px
Tablet: 28px
Mobile: 24px

Heading 4

Header 5
Family: Forum
Style: Regular
Size: 24px
Tablet: 24px
Mobile: 24px
Heading 5
Header 6
Family: Forum
Style: Regular
Size: 24px
Tablet: 24px
Mobile: 20px
Heading 6
Body
Family: Cormorant
Style: Regular
Size: 16px
Tablet: 16px
Mobile: 16px

Body

Navigation
Family: Cormorant
Style: Bold
Size: 16px
Tablet: 32px
Mobile: 32px
Colors
.Black Orange
#F8E8DA
.Orange
#FDFAF7
.Black
#000
.White
#FFF
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.

Beauty Template Caption

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.