Framework
Global Presets UI Style Guide
01. Color palette
In this part of the style guide, you can modify each color inside the Text Module’s background settings. Use that same color code inside the Text Module below it to have a written version of the color code too. Use these color codes inside your Divi Theme Builder default color palette afterward.
#FFFFFF
#F9F9F9
#f2f2f2
#e0e0e0
#444444
#000000
#F9F9F9
#e0e0e0
#444444
#000000
02. Text styles
In the second part of this style guide wireframe, you can style your different text types. You’re also provided with a primary, secondary and tertiary option, each of which you can afterwards turn into individual presets.
Primary
Secondary
Tertiary
Heading 1
Heading 1
Heading 2
Heading 2
Heading 3
Heading 3
Heading 4
Heading 4
Heading 5
Heading 5
Heading 6
Heading 6
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.
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.
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
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
All in one
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraph Text
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraph Text
03. Modules
The last part of this style guide handles some of the most-used modules inside Divi. Here, we’re also providing you with a primary, secondary and tertiary version of each module which you can style and add as a global preset. Feel free to create more alternative designs for each module.
Primary
Secondary
Tertiary
Button
Blurb
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.
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.
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.
Email optin
Contact form
Image
Call to action
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.
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.
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.
Divider
Person
Name Goes Here
Position
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.
Name Goes Here
Position
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.
Name Goes Here
Position
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.
Social Media Follow
Toggle
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.
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.
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.
Testimonial
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.
Video
Accordion
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.
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.
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.
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.
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.
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.
Blog
EIT FAN Startup pitching events
Is your startup tech-ready to be selected for this year's EIT Food Accelerator Network programme? 📢 Events Round 2 of the EIT FAN 2022 evaluation process will take place in May! This year, selected startups will be pitching their innovations in front of a live...
Find your perfect co-founder – Applications are now open for Team Up!
Find your business co-founder or team member who could help you build an impactful agrifood startup. Do you have an impactful agrifood solution but you are struggling to commercialise it? Or Do you have entrepreneurial business skills and you would like to find...
Tips for creating the perfect pitch deck
A pitch deck is a brief presentation which showcases key aspects of your business plan and is used to pitch to investors (or other parties you may want something from like when you apply to our programmes, or certain customers, for example). Ensure your pitch deck is...
A guide to startup funding
Raising money is a key part of being an entrepreneur. Agrifood has some specific challenges around finance given the typically slower growth rates, the seasonality of cash flow and time needed for a return on investment. Whilst some businesses can grow organically and...
Why market research is key to startup success
Problem - solution fit - tick. Now let’s find out if you have a viable startup business… You have a brilliant idea for changing the food system. But how do you go about proving to yourself and others that your idea is worthy of all the blood, sweat and tears that go...
Do I go at it solo or should I have a co-founder?
If you are unsure whether you should manage a startup business alone or with (a) co-founder(s), first consider the benefits and disadvantages of both sides: Solo Potential for less startup costs (fewer salaries, fewer people to support)Allows you to set your vision by...
Best advice to avoid startup failure
1. LOVE is a MUST! Running your own business is not an easy ride. Chances are it will be a lot harder (and more rewarding) than you ever could have imagined so make sure you’re working on something you love and care about. Instead of going after any old market...
Tips from Startups: What you need to know before starting an agrifood business
Nothing beats direct experience to tell you how it really is! Here's what startups tell us they wish they’d known before starting an agrifood business. Before starting an agrifood business, I wish I had known… “How to actually run a business! I wanted to solve a...
EIT Food Test Farms – Applications open!
Get matched with a farmer and test your solution on the field! Through enabling agricultural startups with farmers and testing-land links, EIT Food wants to help innovative agritech startups to validate and test their products and services, showcase their business to...
It’s World Water Day!
Each year on the 22nd of March, the world celebrates World Water Day, a United Nations observance day that aims to advocate for the sustainable management of freshwater resources. The Agrifood sector relies heavily on fresh water use throughout the food chain, and so...
EIT FAN Startup pitching events
Is your startup tech-ready to be selected for this year's EIT Food Accelerator Network programme? 📢 Events Round 2 of the EIT FAN 2022 evaluation process will take place in May! This year, selected startups will be pitching their innovations in front of a live...
Find your perfect co-founder – Applications are now open for Team Up!
Find your business co-founder or team member who could help you build an impactful agrifood startup. Do you have an impactful agrifood solution but you are struggling to commercialise it? Or Do you have entrepreneurial business skills and you would like to find...
Tips for creating the perfect pitch deck
A pitch deck is a brief presentation which showcases key aspects of your business plan and is used to pitch to investors (or other parties you may want something from like when you apply to our programmes, or certain customers, for example). Ensure your pitch deck is...
A guide to startup funding
Raising money is a key part of being an entrepreneur. Agrifood has some specific challenges around finance given the typically slower growth rates, the seasonality of cash flow and time needed for a return on investment. Whilst some businesses can grow organically and...
Why market research is key to startup success
Problem - solution fit - tick. Now let’s find out if you have a viable startup business… You have a brilliant idea for changing the food system. But how do you go about proving to yourself and others that your idea is worthy of all the blood, sweat and tears that go...
Do I go at it solo or should I have a co-founder?
If you are unsure whether you should manage a startup business alone or with (a) co-founder(s), first consider the benefits and disadvantages of both sides: Solo Potential for less startup costs (fewer salaries, fewer people to support)Allows you to set your vision by...
Best advice to avoid startup failure
1. LOVE is a MUST! Running your own business is not an easy ride. Chances are it will be a lot harder (and more rewarding) than you ever could have imagined so make sure you’re working on something you love and care about. Instead of going after any old market...
Tips from Startups: What you need to know before starting an agrifood business
Nothing beats direct experience to tell you how it really is! Here's what startups tell us they wish they’d known before starting an agrifood business. Before starting an agrifood business, I wish I had known… “How to actually run a business! I wanted to solve a...
EIT Food Test Farms – Applications open!
Get matched with a farmer and test your solution on the field! Through enabling agricultural startups with farmers and testing-land links, EIT Food wants to help innovative agritech startups to validate and test their products and services, showcase their business to...
It’s World Water Day!
Each year on the 22nd of March, the world celebrates World Water Day, a United Nations observance day that aims to advocate for the sustainable management of freshwater resources. The Agrifood sector relies heavily on fresh water use throughout the food chain, and so...
EIT FAN Startup pitching events
Is your startup tech-ready to be selected for this year's EIT Food Accelerator Network programme? 📢 Events Round 2 of the EIT FAN 2022 evaluation process will take place in May! This year, selected startups will be pitching their innovations in front of a live...
Find your perfect co-founder – Applications are now open for Team Up!
Find your business co-founder or team member who could help you build an impactful agrifood startup. Do you have an impactful agrifood solution but you are struggling to commercialise it? Or Do you have entrepreneurial business skills and you would like to find...
Tips for creating the perfect pitch deck
A pitch deck is a brief presentation which showcases key aspects of your business plan and is used to pitch to investors (or other parties you may want something from like when you apply to our programmes, or certain customers, for example). Ensure your pitch deck is...
A guide to startup funding
Raising money is a key part of being an entrepreneur. Agrifood has some specific challenges around finance given the typically slower growth rates, the seasonality of cash flow and time needed for a return on investment. Whilst some businesses can grow organically and...
Why market research is key to startup success
Problem - solution fit - tick. Now let’s find out if you have a viable startup business… You have a brilliant idea for changing the food system. But how do you go about proving to yourself and others that your idea is worthy of all the blood, sweat and tears that go...
Do I go at it solo or should I have a co-founder?
If you are unsure whether you should manage a startup business alone or with (a) co-founder(s), first consider the benefits and disadvantages of both sides: Solo Potential for less startup costs (fewer salaries, fewer people to support)Allows you to set your vision by...
Best advice to avoid startup failure
1. LOVE is a MUST! Running your own business is not an easy ride. Chances are it will be a lot harder (and more rewarding) than you ever could have imagined so make sure you’re working on something you love and care about. Instead of going after any old market...
Tips from Startups: What you need to know before starting an agrifood business
Nothing beats direct experience to tell you how it really is! Here's what startups tell us they wish they’d known before starting an agrifood business. Before starting an agrifood business, I wish I had known… “How to actually run a business! I wanted to solve a...
EIT Food Test Farms – Applications open!
Get matched with a farmer and test your solution on the field! Through enabling agricultural startups with farmers and testing-land links, EIT Food wants to help innovative agritech startups to validate and test their products and services, showcase their business to...
It’s World Water Day!
Each year on the 22nd of March, the world celebrates World Water Day, a United Nations observance day that aims to advocate for the sustainable management of freshwater resources. The Agrifood sector relies heavily on fresh water use throughout the food chain, and so...