Web Agency 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. Use these colors inside the default color palette in your Divi Theme Options.
#ffffff
#3644af
#1fb6ea
#2a3443
#31c56f
#ffa03b
#EB514E
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 1
Heading 2
Heading 2
Heading 3
Heading 3
Heading 4
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
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
SEO
Blurb 2
Blurb 3
Vision and Dental
In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam.
Blurb 4
Branding
In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam.
Blurb 5
Blurb 6
Project Research
In hac habitasse platea dictumst. Vivamus adipiscing.
Blurb 7
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.
Pricing Table 1
Website
starting at- 1 Complete Product
- 1 Year Support
- Dedicated Server
- 1 Research Demos
Pricing Table 2
Brand + Website
starting at- 1 Complete Product
- 1 Year Support
- Dedicated Server
- 1 Research Demos
Pricing Table 3
Full Web Package
starting at- 1 Complete Product
- 1 Year Support
- Dedicated Server
- 1 Research Demos
Testimonial 1
In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. Integer et elit eget elit facilisis tristique.
Testimonial 2
In hac habitasse platea dictumst. Vivamus adipiscing fermentum quam volutpat aliquam. Integer et elit eget elit facilisis tristique. Nam vel iaculis mauris. Sed ullamcorper tellus erat, non ultrices sem tincidunt euismod. Fusce rhoncus porttitor velit, eu bibendum nibh aliquet vel. Fusce lorem leo, vehicula at nibh quis, facilisis accumsan turpis.
Contact form
Number Counter