Adebowale Emporium

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.

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

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

#ffffff

#0e4d41

#c6eefd

#4DB9FF

#f2f5ff

#ff3d97

#ff3d97

#f4346c

#c6eefd

rgba(230,111,175,0.41)

#ff3d97

#f4346c

#c6eefd

rgba(230,111,175,0.41)

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

Heading 1

 

Heading 2

 

Heading 3

 

Heading 4

 

Heading 5

 

Heading 6

 

this is a paragrapgh text module let’s see what comes right after this this is a paragrapgh text module let’s see what comes right afteYour 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.r this this is a paragrapgh text module let’s see what comes right after this this is a paragrapgh text module let’s see what comes right after this

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.

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.

Section Heading

Services

Description Text Block

Pellentesque in ipsum id orci porta dapibus. Sed porttitor lectus nibh. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Donec rutrum congue leo eget

04. Buttons

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

Button 1

Button 2

Button 3

Button 4

05. Blurbs

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

Blurb 1

Celebrations

Blurb 2

Pellentesque Ipsum

Pellentesque in ipsum id orci porta dapibus. Sed porttitor lectus nibh. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Donec rutrum congue leoYour 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.

Blurb 3

Pellentesque in ipsum id orci

Blurb 4

Birthday Parties

Donec rutrum congue leo eget malesuada. Donec sollicitudin molestie malesuada. Proin eget tortor risus.

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.

Blurb 5

An Extensive Gift Collection

Blurb 6

Specialty Candies

06. Other modules

Last but not least, we’re sharing other module designs that were used in the layout pack. Upon importing with presets, these have all been added to your preset library. If you didn’t enable the import presets option, you’re able to turn any one of these modules into a global preset.

Divider 1

Email optin 1

Blog 1

No Results Found

The page you requested could not be found. Try refining your search, or use the navigation above to locate the post.

Contact form 1

Social media follow 1