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 1
Heading 1
Heading 2
Heading 2
Heading 2
Heading 2
Heading 3
Heading 3
Heading 3
Heading 3
Heading 4
Heading 4
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.
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
Lorum ipsum dolor sit amet.
- Lorum Ipsum
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet.
- Lorum Ipsum
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet.
- Lorum Ipsum
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
Scaling the seaweed industry for meaningful impact
World Wildlife Fund (WWF) has some great resources outlining the benefits of seaweed farming for People Health and Planet Health and what they’re doing to support the scale up of the seaweed industry for meaningful impact. WWF are a key mission-aligned investor of...
OCEANIUM engages in seaweed agenda at 2022 UN Ocean Conference
We were delighted that Oceanium received accreditation to participate in the 2022 United Nations Oceans Conference in Lisbon last week. UN Secretary-General António Guterres said at the conference that “much more needs to be done by all of us together” to save our...
Seaweed – Bon Appétit!
It’s fantastic to see increasing coverage about seaweed and the importance of integrating seaweed into our everyday lives for People Health and Planet Health. Not only is seaweed exceptionally nutritious for humans due to its rich protein, fiber, and vitamin content,...
Oceanium nominated for The Earthshot Prize
We’re very pleased to share that Oceanium has been nominated for The Earthshot Prize. The incredibly prestigious prize launched by HRH The Duke of Cambridge and the Royal Foundation in 2020 is designed to incentivise change and help repair our planet over the next ten...
Harnessing the potential of food systems to mitigate climate change
The three reports released by the Intergovernmental Panel on Climate Change (IPCC) this spring have shown that the world is at a watershed moment. That’s it’s ‘now or never’ to take action on climate change, with emissions at record levels. They have highlighted how...
Oceanium featured in FT report on growing investment in the seaweed industry
We are delighted to be featured alongside fellow seaweed devotees Cascadia Seaweed and Notpla in the FT's special report on the seaweed industry. While there's still a lot to do, there is amazing progress being made in the Western Hemisphere helped along with...
Vote of confidence in the emerging seaweed industry: Oceanium funding reaches new heights in 2021
2021 has been a hugely productive year for Oceanium and the seaweed industry. In a vote of confidence for the emerging sector, we’re very proud that our second Seed II fundraising close has raised a further $1m, taking Oceanium’s total financing this year to $6m via...
Green light given for UK’s first Seaweed Academy
The Scottish Association for Marine Science (SAMS) has received funding of over £400,000 from the UK Government to set up the Seaweed Academy which will support the UK’s blue economy. Based right next to Oceanium at the European Marine Science Park in Oban,...
Sky News visits Oceanium to learn all about nature’s problem solver: seaweed!
As part of its COP26 coverage, Sky News visited Oceanium's labs to speak to CTO Dr Charlie Bavington about the amazing possibilities of seaweed for food and nutraceuticals products, as well as bio-plastics that can help to turn the tide on consumption of carbon...
Why the time is right to invest in a ‘sustainable and booming’ European seaweed industry
The case for investing in the sustainable seaweed industry is compelling. With so many incredible applications, zero inputs to grow, its potential for carbon and nitrogen absorption and the resilience it could help to build for coastal communities, there's never been...
Scaling the seaweed industry for meaningful impact
World Wildlife Fund (WWF) has some great resources outlining the benefits of seaweed farming for People Health and Planet Health and what they’re doing to support the scale up of the seaweed industry for meaningful impact. WWF are a key mission-aligned investor of...
OCEANIUM engages in seaweed agenda at 2022 UN Ocean Conference
We were delighted that Oceanium received accreditation to participate in the 2022 United Nations Oceans Conference in Lisbon last week. UN Secretary-General António Guterres said at the conference that “much more needs to be done by all of us together” to save our...
Seaweed – Bon Appétit!
It’s fantastic to see increasing coverage about seaweed and the importance of integrating seaweed into our everyday lives for People Health and Planet Health. Not only is seaweed exceptionally nutritious for humans due to its rich protein, fiber, and vitamin content,...
Oceanium nominated for The Earthshot Prize
We’re very pleased to share that Oceanium has been nominated for The Earthshot Prize. The incredibly prestigious prize launched by HRH The Duke of Cambridge and the Royal Foundation in 2020 is designed to incentivise change and help repair our planet over the next ten...
Harnessing the potential of food systems to mitigate climate change
The three reports released by the Intergovernmental Panel on Climate Change (IPCC) this spring have shown that the world is at a watershed moment. That’s it’s ‘now or never’ to take action on climate change, with emissions at record levels. They have highlighted how...
Oceanium featured in FT report on growing investment in the seaweed industry
We are delighted to be featured alongside fellow seaweed devotees Cascadia Seaweed and Notpla in the FT's special report on the seaweed industry. While there's still a lot to do, there is amazing progress being made in the Western Hemisphere helped along with...
Vote of confidence in the emerging seaweed industry: Oceanium funding reaches new heights in 2021
2021 has been a hugely productive year for Oceanium and the seaweed industry. In a vote of confidence for the emerging sector, we’re very proud that our second Seed II fundraising close has raised a further $1m, taking Oceanium’s total financing this year to $6m via...
Green light given for UK’s first Seaweed Academy
The Scottish Association for Marine Science (SAMS) has received funding of over £400,000 from the UK Government to set up the Seaweed Academy which will support the UK’s blue economy. Based right next to Oceanium at the European Marine Science Park in Oban,...
Sky News visits Oceanium to learn all about nature’s problem solver: seaweed!
As part of its COP26 coverage, Sky News visited Oceanium's labs to speak to CTO Dr Charlie Bavington about the amazing possibilities of seaweed for food and nutraceuticals products, as well as bio-plastics that can help to turn the tide on consumption of carbon...
Why the time is right to invest in a ‘sustainable and booming’ European seaweed industry
The case for investing in the sustainable seaweed industry is compelling. With so many incredible applications, zero inputs to grow, its potential for carbon and nitrogen absorption and the resilience it could help to build for coastal communities, there's never been...
Scaling the seaweed industry for meaningful impact
World Wildlife Fund (WWF) has some great resources outlining the benefits of seaweed farming for People Health and Planet Health and what they’re doing to support the scale up of the seaweed industry for meaningful impact. WWF are a key mission-aligned investor of...
OCEANIUM engages in seaweed agenda at 2022 UN Ocean Conference
We were delighted that Oceanium received accreditation to participate in the 2022 United Nations Oceans Conference in Lisbon last week. UN Secretary-General António Guterres said at the conference that “much more needs to be done by all of us together” to save our...
Seaweed – Bon Appétit!
It’s fantastic to see increasing coverage about seaweed and the importance of integrating seaweed into our everyday lives for People Health and Planet Health. Not only is seaweed exceptionally nutritious for humans due to its rich protein, fiber, and vitamin content,...
Oceanium nominated for The Earthshot Prize
We’re very pleased to share that Oceanium has been nominated for The Earthshot Prize. The incredibly prestigious prize launched by HRH The Duke of Cambridge and the Royal Foundation in 2020 is designed to incentivise change and help repair our planet over the next ten...
Harnessing the potential of food systems to mitigate climate change
The three reports released by the Intergovernmental Panel on Climate Change (IPCC) this spring have shown that the world is at a watershed moment. That’s it’s ‘now or never’ to take action on climate change, with emissions at record levels. They have highlighted how...
Oceanium featured in FT report on growing investment in the seaweed industry
We are delighted to be featured alongside fellow seaweed devotees Cascadia Seaweed and Notpla in the FT's special report on the seaweed industry. While there's still a lot to do, there is amazing progress being made in the Western Hemisphere helped along with...
Vote of confidence in the emerging seaweed industry: Oceanium funding reaches new heights in 2021
2021 has been a hugely productive year for Oceanium and the seaweed industry. In a vote of confidence for the emerging sector, we’re very proud that our second Seed II fundraising close has raised a further $1m, taking Oceanium’s total financing this year to $6m via...
Green light given for UK’s first Seaweed Academy
The Scottish Association for Marine Science (SAMS) has received funding of over £400,000 from the UK Government to set up the Seaweed Academy which will support the UK’s blue economy. Based right next to Oceanium at the European Marine Science Park in Oban,...
Sky News visits Oceanium to learn all about nature’s problem solver: seaweed!
As part of its COP26 coverage, Sky News visited Oceanium's labs to speak to CTO Dr Charlie Bavington about the amazing possibilities of seaweed for food and nutraceuticals products, as well as bio-plastics that can help to turn the tide on consumption of carbon...
Why the time is right to invest in a ‘sustainable and booming’ European seaweed industry
The case for investing in the sustainable seaweed industry is compelling. With so many incredible applications, zero inputs to grow, its potential for carbon and nitrogen absorption and the resilience it could help to build for coastal communities, there's never been...