01. Color palette

In the first part of the style guide, you can find the color palette that’s been used for the layout pack. Use these colors inside the default color palette in your Divi Theme Options.

#ffffff

rgba(0,0,0,0.2)

text caps in CP Homepage

rgba(0,0,0,0.4)

text in CP Contact us

#486066

(text general website)

 

#000000

#00b2b0

rgba(0,0,0,0.4)

#cbd3d8

(footer)

#cccccc

#6b6b6b

(text in footer)

 

#00649d

#666666

#f0eeec

Heading sized text orig 1

Heading 2

Heading 3

Heading 4

About Us – Heading 5
Team role – Heading 6

Body Text: 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.

Body Text: 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.

Body Text: 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.

All in one

Heading 1

Heading 2

Heading 3

Heading 4

Lorum ipsum dolor sit amet.

03. Text styles

In this part of the style guide, you’ll find the different text styles that were used throughout the layout pack. There’s a separate preset for each heading style and a global preset with all text styles in one.

Heading 1

Heading sized text orig 1

Heading 2

Heading 2

Heading 3

Heading 3

Heading 4

Heading 4

Heading 3

About Us – Heading 5

Heading 3

Instagram – Heading 6

Body

Body Text: 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.

All in one

Heading 1

Heading 2

Heading 3

Heading 4

Lorum ipsum dolor sit amet.

03. Text styles

In this part of the style guide, you’ll find the different text styles that were used throughout the layout pack. There’s a separate preset for each heading style and a global preset with all text styles in one.

Heading 1

CP Homepage Heading

Heading 2

Heading 2

Heading 3

CP Homepage Heading Text smaller

Heading 4

Heading 4

Heading 3

Heading 3

Body

Body Text: 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.

All in one

Heading 1

Heading 2

Heading 3

Heading 4

Lorum ipsum dolor sit amet.

04. Buttons

Here, you’ll find the buttons that have been used in the layout pack. 

Button 2

Button 2

Button 2

Button 2

05. Blurbs

Up next, we have some blurb modules that have been frequently used in the layout pack.