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.

Go to tutorial

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

#ffab18

#000000

#333333

#f4f4f4

#d5dcde

#ebf0f0

#f4f4f4

#ff9d18

#000000

#ea3900

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.

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 2

Heading 3

Heading 4

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.

List

Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur aliquet quam id dui posuere blandit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Donec sollicitudin molestie malesuada. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Proin eget tortor risus.

All in one

Heading 1

Heading 2

Heading 3

Heading 4

Lorum ipsum dolor sit amet.

Quisque velit nisi

Call CTA

Get A Free Quate

(255) 352-6258

04. Buttons

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

Button 1

Learn More

Button 2

Make an Appointment

Button 3

Get A Quote

Button 4

View Details

05. Blurbs

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

Blurb 1

Mini Tune Up

Curabitur aliquet quam id dui posuere blandit. Praesent sapien massa, convallis a pellentesque nec.

Blurb 2

Mini Tune Up

Curabitur aliquet quam id dui posuere blandit. Praesent sapien

Blurb 3

Schedule Repair

Blurb 4

N

Vestibulum ante

Blurb 5



Address

1234 Divi St. #1000
San Francisco, CA 94220

Blurb 6



25% Off

Vestibulum ante ipsum primis in faucibus orci luctus.

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.

Accordion 1

Proin eget tortor risus?

Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui posuere blandit. Cras ultricies ligula sed magna dictum porta. Curabitur aliquet quam id dui posuere blandit. Pellentesque in ipsum id orci porta dapibus.

Quisque velit nisi pretium?

Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur aliquet quam id dui posuere blandit. Donec sollicitudin molestie malesuada. Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui posuere blandit. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

Lorem ipsum dolor sit?

Donec rutrum congue leo eget malesuada. Vivamus suscipit tortor eget felis porttitor volutpat. Nulla quis lorem ut libero malesuada feugiat. Sed porttitor lectus nibh. Vivamus suscipit tortor eget felis porttitor volutpat.

Praesent sapien massa?

Sed porttitor lectus nibh. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Donec rutrum congue leo eget malesuada. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Proin eget tortor risus.

Divider 1

Divider 2

Slider 1

“Pellentesque in ipsum id orci porta dapibus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Sed porttitor lectus nibh. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vivamus magna justo.”

– Robert Henry

“Donec sollicitudin molestie malesuada. Vivamus suscipit tortor eget felis porttitor volutpat. Proin eget tortor risus. Sed porttitor lectus nibh. Nulla porttitor accumsan tincidunt. Proin eget tortor risus. Proin eget tortor risus. Vivamus suscipit tortor eget felis porttitor volutpat.”

– John Doe

Blog 1

Impartner Does It Again: Three New Badges for G2 Spring ’22

by 2X | Apr 6, 2022 | Impartner Articles

Impartner receives awards across three categories in the G2 spring 2022 report for partner management – read more about it!

Impartner Accelerates Digital Transformation for Mid-Size Companies

by Jeffrey Whitehead | Mar 31, 2022 | Press Releases

New PRO package lets companies automate channel management to incorporate unique business use cases out-of-the-box Nearly every company has a ‘special snowflake’ process that is unique to them: Impartner says, “No problem” and incorporates without code Launch also...

Impartner Named Leader in G2 Spring Reports for Partner Management for 6th Consecutive Quarter

by Jeffrey Whitehead | Mar 29, 2022 | Press Releases

Impartner receives G2 badges: Leader in Partner Management; Mid-Market Leader in Partner Management; and Users Most Likely to Recommend for Mid-Market. SALT LAKE CITY – March 29, 2022 Impartner, the global pure-play leader in SaaS-based channel management and Partner...