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
Join the EU X LATAM Food Protein Challenge
EIT Food is committed to supporting the growth and development of agrifood innovations that are helping to make the entire food system more sustainable, healthy, and trusted. Thus, EIT Food and Food Tech Hub Latam have joined forces to help disruptive European...
EIT Food host aquaculture webinar to inspire innovations to transform the sector
In light of the launch of EIT Food’s open innovation call in August 2022, EIT Food North-West will host an aquaculture-themed webinar, to encourage the submission of aquaculture project proposals. About EIT Food's aquaculture webinar EIT Food North-West presents a...
A new cohort of impactful startups join EIT Food entrepreneurship programmes and the EIT Food North-West community
EIT Food North-West is delighted to announce 15 innovative agrifood startups that have joined EIT Food’s 3 flagship entrepreneurship programmes to launch, accelerate and scale their businesses, and its regional community. EIT Food is supported by the European...
EWA I Empowering Women in Agrifood
APPLICATIONS CLOSED Training, mentoring, business coaching and networking opportunities for women entrepreneurs in the agrifood sector Application deadline extended until 19 June! 110 talented female entrepreneurs from countries with modest to moderate innovation...
Tech commersialisation solutions to drive food system change
Last week the Seedbed team travelled to Lisbon, Portugal as the co-sponsor for the ASTP conference, that was attended by 345 people from 32 countries. We met with our TTO friends to find out how we can help encourage more scientists to commercialise innovations that...
EIT FAN Alumni Mycorena collaborates with Lantmännen 💫
This week we are sharing some fantastic news from EIT FAN 2021 alumni Mycorena, who recently announced their collaboration with Lantmännen! 👏 Together, the organisations are working to develop a portfolio of food products based on sustainable produced Mvcoprotein....
Expand to new agrifood markets in Europe – apply for EIT Food Sales Booster!
APPLICATIONS CLOSED In 2022, EIT Food launched Sales Booster – a programme that helps innovative startups explore and enter new agrifood markets in Europe The programme supports startups with training, coaching, expert advice, and network to prepare for their...
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...
Team Up! Find your perfect co-founder – Applications are now closed
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...
Join the EU X LATAM Food Protein Challenge
EIT Food is committed to supporting the growth and development of agrifood innovations that are helping to make the entire food system more sustainable, healthy, and trusted. Thus, EIT Food and Food Tech Hub Latam have joined forces to help disruptive European...
EIT Food host aquaculture webinar to inspire innovations to transform the sector
In light of the launch of EIT Food’s open innovation call in August 2022, EIT Food North-West will host an aquaculture-themed webinar, to encourage the submission of aquaculture project proposals. About EIT Food's aquaculture webinar EIT Food North-West presents a...
A new cohort of impactful startups join EIT Food entrepreneurship programmes and the EIT Food North-West community
EIT Food North-West is delighted to announce 15 innovative agrifood startups that have joined EIT Food’s 3 flagship entrepreneurship programmes to launch, accelerate and scale their businesses, and its regional community. EIT Food is supported by the European...
EWA I Empowering Women in Agrifood
APPLICATIONS CLOSED Training, mentoring, business coaching and networking opportunities for women entrepreneurs in the agrifood sector Application deadline extended until 19 June! 110 talented female entrepreneurs from countries with modest to moderate innovation...
Tech commersialisation solutions to drive food system change
Last week the Seedbed team travelled to Lisbon, Portugal as the co-sponsor for the ASTP conference, that was attended by 345 people from 32 countries. We met with our TTO friends to find out how we can help encourage more scientists to commercialise innovations that...
EIT FAN Alumni Mycorena collaborates with Lantmännen 💫
This week we are sharing some fantastic news from EIT FAN 2021 alumni Mycorena, who recently announced their collaboration with Lantmännen! 👏 Together, the organisations are working to develop a portfolio of food products based on sustainable produced Mvcoprotein....
Expand to new agrifood markets in Europe – apply for EIT Food Sales Booster!
APPLICATIONS CLOSED In 2022, EIT Food launched Sales Booster – a programme that helps innovative startups explore and enter new agrifood markets in Europe The programme supports startups with training, coaching, expert advice, and network to prepare for their...
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...
Team Up! Find your perfect co-founder – Applications are now closed
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...
Join the EU X LATAM Food Protein Challenge
EIT Food is committed to supporting the growth and development of agrifood innovations that are helping to make the entire food system more sustainable, healthy, and trusted. Thus, EIT Food and Food Tech Hub Latam have joined forces to help disruptive European...
EIT Food host aquaculture webinar to inspire innovations to transform the sector
In light of the launch of EIT Food’s open innovation call in August 2022, EIT Food North-West will host an aquaculture-themed webinar, to encourage the submission of aquaculture project proposals. About EIT Food's aquaculture webinar EIT Food North-West presents a...
A new cohort of impactful startups join EIT Food entrepreneurship programmes and the EIT Food North-West community
EIT Food North-West is delighted to announce 15 innovative agrifood startups that have joined EIT Food’s 3 flagship entrepreneurship programmes to launch, accelerate and scale their businesses, and its regional community. EIT Food is supported by the European...
EWA I Empowering Women in Agrifood
APPLICATIONS CLOSED Training, mentoring, business coaching and networking opportunities for women entrepreneurs in the agrifood sector Application deadline extended until 19 June! 110 talented female entrepreneurs from countries with modest to moderate innovation...
Tech commersialisation solutions to drive food system change
Last week the Seedbed team travelled to Lisbon, Portugal as the co-sponsor for the ASTP conference, that was attended by 345 people from 32 countries. We met with our TTO friends to find out how we can help encourage more scientists to commercialise innovations that...
EIT FAN Alumni Mycorena collaborates with Lantmännen 💫
This week we are sharing some fantastic news from EIT FAN 2021 alumni Mycorena, who recently announced their collaboration with Lantmännen! 👏 Together, the organisations are working to develop a portfolio of food products based on sustainable produced Mvcoprotein....
Expand to new agrifood markets in Europe – apply for EIT Food Sales Booster!
APPLICATIONS CLOSED In 2022, EIT Food launched Sales Booster – a programme that helps innovative startups explore and enter new agrifood markets in Europe The programme supports startups with training, coaching, expert advice, and network to prepare for their...
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...
Team Up! Find your perfect co-founder – Applications are now closed
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...