Call us today

(336)-992-8720

Global Style Guide

Required Changes

  1. Change Reference Logo or Image
  2. Change the Color Palette
  3. Change the Global Text, H1, and H2 tags
  4. Design the Global Button
  5. Everything else is optional.

Helpful Links

Link to Adobe Color Wheel
Link to Google Fonts
Link to Divi Customizer Guide
Link to Divi Global Presets Guide (advanced)

Color Palette

(Screenshot your color palette, and place it below.  Then go to Divi’s global Color Palette to update the Globlal colors Divi>Theme Options>General.)

Common Divi Modules

(Note: Use Divi Customizer or Global Presets to change global settings.)

Color Reference Logo or Image

Global Header Font: Default, Open Sans

Global Body Font: Default, Open Sans

Adjust the global settings in Theme Customizer or Divi’s global presets. Examples below will show the global styles. (Don’t edit the text modules below.)


Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0 1 2 3 4 5 6 7 8 9 .  , : ; ‘ ” ( ) [ ] < > ? ! @ # $ % ^ & * – _ + =

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0 1 2 3 4 5 6 7 8 9 .  , : ; ‘ ” ( ) [ ] < > ? ! @ # $ % ^ & * – _ + =

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0 1 2 3 4 5 6 7 8 9 .  , : ; ‘ ” ( ) [ ] < > ? ! @ # $ % ^ & * – _ + =

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0 1 2 3 4 5 6 7 8 9 .  , : ; ‘ ” ( ) [ ] < > ? ! @ # $ % ^ & * – _ + =

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph Normal

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Paragraph Bold

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Paragraph Italics

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Bold Italics

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Unordered List

Example of a bullet list.  Your content goes here.  Edit or remove this text inline or in the module Content settings.

  • Product Sample one
  • Product Sample two
  • Product Sample three
  • Product Sample four

Ordered List

Example of an ordered list.  Your content goes here.  Edit or remove this text inline or in the module Content settings.

  1. Product Sample one
  2. Product Sample two
  3. Product Sample three
  4. Product Sample four

Circle Styled List

Example of a circled list.  Your content goes here.  Edit or remove this text inline or in the module Content settings.

  • Product Sample one
  • Product Sample two
  • Product Sample three
  • Product Sample four

Square Styled List

Example of a square styled list.  Your content goes here.  Edit or remove this text inline or in the module Content settings.

  • Product Sample one
  • Product Sample two
  • Product Sample three
  • Product Sample four

Other Text Examples

Hyperlink Example

Underline Example

Strike Through


Block Quote

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Other Divi Module Examples

Blurb Example

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Accordian Example

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Testimonial Example Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Name Goes Here