loader image

Produce Box Layout Pack

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. Turn these colors global by going to each Text Module’s background settings individually. Then, right-click the color and convert it to global.

#ffffff

#F4F2EC

#212121

#e44f17

#4D7F71

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.

All in one

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Est ultrices sit tempor ac turpis nullam fringilla at eget. Massa magna sed est, turpis. Pharetra venenatis aliquet nunc cursus tellus, feugiat consequat gravida. Pellentesque nec eget risus facilisis pharetra fermentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Est ultrices sit tempor ac turpis nullam fringilla at eget. Massa magna sed est, turpis. Pharetra venenatis aliquet nunc cursus tellus, feugiat consequat gravida. Pellentesque nec eget risus facilisis pharetra fermentum.

  • Example One
  • Example Two
  • Example Three

All in one

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Est ultrices sit tempor ac turpis nullam fringilla at eget. Massa magna sed est, turpis. Pharetra venenatis aliquet nunc cursus tellus, feugiat consequat gravida. Pellentesque nec eget risus facilisis pharetra fermentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Est ultrices sit tempor ac turpis nullam fringilla at eget. Massa magna sed est, turpis. Pharetra venenatis aliquet nunc cursus tellus, feugiat consequat gravida. Pellentesque nec eget risus facilisis pharetra fermentum.

  • Example One
  • Example Two
  • Example Three

04. Buttons

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

Button 1

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.

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

Blurb 1

Curabitur Nulla

Nulla porttitor accumsan tincidunt

Blurb 2

Set a Date & Frequency

Blurb 3

Address

1234 Divi St. #1000,
San Francisco, CA 94220

Contact form 1

Email optin 1

Slider 1

"Donec sollicitudin molestie malesuada. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Proin eget tortor risus. Vestibulum ante ipsum primis."

John Doe

"Donec sollicitudin molestie malesuada. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Proin eget tortor risus. Vestibulum ante ipsum primis."

John Doe

"Donec sollicitudin molestie malesuada. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Proin eget tortor risus. Vestibulum ante ipsum primis."

John Doe

Accordion 1

Nulla Porttitor Accumsan Tincidunt?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus suscipit tortor eget felis porttitor volutpat. Vivamus suscipit tortor eget felis porttitor volutpat. Vivamus suscipit tortor eget felis porttitor volutpat. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Donec sollicitudin molestie malesuada.
Vestibulum Ante Ipsum Primis?
Nulla quis lorem ut libero malesuada feugiat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Donec sollicitudin molestie malesuada. Quisque velit nisi, pretium ut lacinia.
Proin Eget Tortor Risus?
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Cras ultricies ligula sed magna dictum porta. Cras ultricies ligula sed magna dictum porta.
Donec Sollicitudin Molestie Malesuada?
Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla quis lorem ut libero malesuada feugiat. Donec rutrum congue leo eget malesuada. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Nulla porttitor accumsan tincidunt.
Quisque Velit Nisi Pretium?
Donec sollicitudin molestie malesuada. Pellentesque in ipsum id orci porta dapibus. Cras ultricies ligula sed magna dictum porta. Praesent sapien massa, convallis a pellentesque nec.
Lorem Ipsum Dolor Sit Amet?
Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vivamus magna justo.

Blog 1

Commitment, courage and community

Commitment, courage and community

At the Orkeeswa School in Tanzania, a comprehensive and locally led outreach program for Maasai students is creating significant and lasting impact. Faced with few school resources and a history of poor academic performance, primary-age students from eight schools are being supported with new skills, mentoring and leadership opportunities. The goal, to increase retention in school, improve academic results and for girls to continue their education beyond the early years. And it is working.

Securing our futures

Securing our futures

Central Rift Farmer Managed Natural Regeneration (FMNR) is agricultural and community development program for farmers to help sustainably improve productivity. Delivered in partnership with World Vision Australia, local and international governments and farmers in the Rift Valley of Kenya the aim is to improve access to food and increase resilience for 10,000 households with 10,000 hectares under regenerative management. FMNR is a practice that is growing across Kenya, supported by policy and government arrangements to improve the livelihoods of all farmers and the community.

Social media follow 1

Number counter 1

Happy Customers

Check out the free

Produce Box Layout Pack

How would you like to be contacted?

When is the best time to contact you?

Contact

Get In Touch

Praesent sapien lacus, molestie vitae arcu in, elementum congue justo. Aenean aliquam semper velit eu pretium. Suspendisse mattis luctus quam nec vehicula. Donec scelerisque tristique metus a vestibulum.

Phone

(255 )-352-6258

Address

1234 Divi St. #1000
San Francisco, CA 94220

Visit our office or warehouse!

Praesent sapien lacus, molestie vitae arcu in, elementum congue justo. Aenean aliquam semper velit eu pretium. Suspendisse mattis luctus quam nec vehicula. Donec scelerisque tristique metus a vestibulum.

Hours

Monday – Friday

9am – 5pm

Saturdays

11am – 5pm

Sundays

9am – 3pm

FAQ

Frequently Asked Questions

Sed Ut perspicaiatis unde omnis

Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Itaque earum rerum hic tenetur

Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus

Ut enim ad minim veniam

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

At vero eos et accusamus et iusto

Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus

Nam libero tempore, cum soluta nobis est eligendi

Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus

At vero eos et accusamus et iusto

Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus

Sed Ut perspicaiatis unde omnis

Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Ask a different question

Join our mission. Volunteer, Donate, Advocate. Get Started Today.

Call Anytime: (235)-135-6213