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
Button 2
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
Accordion 1
Nulla Porttitor Accumsan Tincidunt?
Vestibulum Ante Ipsum Primis?
Proin Eget Tortor Risus?
Donec Sollicitudin Molestie Malesuada?
Quisque Velit Nisi Pretium?
Lorem Ipsum Dolor Sit Amet?
Blog 1
Growing Our Own
The Roots & Shoots Resource Box is a physical and online primary school teachers’ resource to use in class with their students. The learning sequence is mapped to the Australian curriculum with interactive and immersive lessons designed to engage and encourage students. While focused locally on helping create conservation and compassion change agents, the collective actions of the many schools and their students is now a global movement.
Building Block Schools
In remote and earthquake-devastated Indonesia, Classroom of Hope is creating significant and lasting change for students and their families. Over 400 schools were damaged or destroyed during the 2018 earthquakes, leaving thousands of children unable to continue their formal education. Community by community, Classroom of Hope is helping students return to learning through its Block Schools Program, a modular, complete, durable, sustainable classroom and teaching solution.
Social media follow 1
Number counter 1
Happy Customers
Check out the free
Produce Box Layout Pack
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.
Email: hello@divingo.com
Call Anytime: (235)-135-6213