E LANDSCAPING & CONSTRUCTION

Global Presets UI Style Guide

This global presets style guide is a great way to start a new web design project! Wondering how to turn modules into global presets? For a detailed tutorial on how to use this style guide, click on the link below to be redirected.

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.

#000000
#ed7070
#f0cebe
#f0cebe
#e8e9ea
#e8e9ea

02. 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 1

Heading 2

Heading 2

Heading 3

Heading 3

Heading 4

Heading 4

Heading 5

Heading 5

Heading 6

Heading 6

Highlighted 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

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.

03. Buttons

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

Button 1

Button 2

Button 3

Button 4

04. Visuals

The second part of this style guide shares some of the visuals that are included inside the layout pack. By importing the layout to your Divi Library, these visuals have automatically been added to your media library, ready for you to use.

05. Blurbs

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

Blurb 1

Lorem Ipsum Dolor

Adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim.

Blurb 2

Since 2005

Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla quis lorem ut libero malesuada feugiat.

Blurb 4

Lorem Ipsum Dolor

Adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim.

Blurb 7

Lorem Ipsum Dolor

Adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim.

Blurb 8

Lorem Ipsum Dolor

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Task already exist for this element.
Write your message in the existing thread.
Here, we opened it for you.
Pushed to Media Folder.
The file was added to the website's media folder, you can now use it from the there.
Reset
Reset
              Share Page Link :
              ×
              General Tasks are meant for requests that are not about a specific part of the page. To create a specific request, close this box and click the plus icon on the right to choose any part of the page.
              For more generic requests, go ahead and send your message.
              ×
              Approve Page

              When the page is ready, click the green button to signal to the webmaster that this page is approved.

              there was some error. Please try again.
              ×
              Page Approved
              Desktop Tablet Mobile
              Back to Standard View
              You Ran Out of Website Slots

              That's great!
              It means you're growing & onboarding more clients!
              Don't let it stop you

              Once you're done, click here to validate the website

              There was some error. Please try again.