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
OCEANIUM selected as top 20 finalist for Global Change Award 2023 by H&M Foundation
We’re incredibly honoured to announce that OCEANIUM has been selected as a top 20 finalist for the prestigious Global Change Award 2023 from nearly 3,000 entries coming from 140 countries! The Global Change Award, initiated by H&M Foundation in 2015, is a global...
The Importance of Celebrating International Women’s Day!
On International Women’s Day we would like to stop and reflect on why we do what we do, and to celebrate the amazing women within our knowledgeable and passionate seaweed community, as well as iconic female figures in the industry. The economic participation of women...
World Economic Forum showcases OCEANIUM’s mission
A huge thank you to our friends at The World Economic Forum’s UpLink programme for producing and distributing a video showcasing OCEANIUM’s mission, progress, and products, as well as highlighting the numerous benefits of the sustainable seaweed farming industry. It’s...
Increasing attention for wearable algae
Great to see exciting developments being made within the fashion industry, as startups are now developing sustainable yarns and dyes from algae to replace resource intensive products. Click to read the article by Bloomberg
OCEANIUM launches 2022 impact report
We have a steadfast commitment to delivering impact within our own business, the wider value chain and for systemic change in food, materials and production systems. We’re in it for the long haul and we have a long-term plan that has identified the relevant UN...
Research indicates seaweed-derived fucoidan linked to improving bypass surgery outcomes
More exciting developments are being made with seaweed-derived ingredients. Researchers from The University of Waterloo are using fucoidan, a natural marine ingredient found in the cell wall of brown algae to promote vascular cell growth, prevent blood clots and...
Scaling the seaweed industry sustainably
Dr Charlie Bavington, OCEANIUM co-founder and CEO caught up with Peter Green from Paxtier to discuss his experience working in marine biotechnology R&D, how OCEANIUM wants to scale seaweed sustainably, challenges facing the seaweed industry, and advice for others...
OCEANIUM unveils clean-label methylcellulose replacement from seaweed
We’re so pleased to announce the launch of our first product, a clean-label one-to-one replacement for methylcellulose; OCEAN HEALTH® Fiber. “This is a very exciting step for OCEANIUM, as it provides an excellent opportunity to partner with companies on a novel...
OCEANIUM featured in Forbes article: Why seaweed is the sustainability super plant of the future
We’re so proud to be featured in a great article in Forbes magazine ‘Why Seaweed Is The Sustainability Super-Plant Of The Future’, which highlights the need to develop seaweed-based products as part of the blue economy and the importance of unlocking the industry...
OCEANIUM part of landmark research project for gut-brain health
We’re delighted to announce that OCEANIUM is a partner of the PRECODE research project conducted by the Wageningen University & Research, division of Human Nutrition & Health, studying gut and brain health effects of prebiotics in older adults with suspected...
OCEANIUM selected as top 20 finalist for Global Change Award 2023 by H&M Foundation
We’re incredibly honoured to announce that OCEANIUM has been selected as a top 20 finalist for the prestigious Global Change Award 2023 from nearly 3,000 entries coming from 140 countries! The Global Change Award, initiated by H&M Foundation in 2015, is a global...
The Importance of Celebrating International Women’s Day!
On International Women’s Day we would like to stop and reflect on why we do what we do, and to celebrate the amazing women within our knowledgeable and passionate seaweed community, as well as iconic female figures in the industry. The economic participation of women...
World Economic Forum showcases OCEANIUM’s mission
A huge thank you to our friends at The World Economic Forum’s UpLink programme for producing and distributing a video showcasing OCEANIUM’s mission, progress, and products, as well as highlighting the numerous benefits of the sustainable seaweed farming industry. It’s...
Increasing attention for wearable algae
Great to see exciting developments being made within the fashion industry, as startups are now developing sustainable yarns and dyes from algae to replace resource intensive products. Click to read the article by Bloomberg
OCEANIUM launches 2022 impact report
We have a steadfast commitment to delivering impact within our own business, the wider value chain and for systemic change in food, materials and production systems. We’re in it for the long haul and we have a long-term plan that has identified the relevant UN...
Research indicates seaweed-derived fucoidan linked to improving bypass surgery outcomes
More exciting developments are being made with seaweed-derived ingredients. Researchers from The University of Waterloo are using fucoidan, a natural marine ingredient found in the cell wall of brown algae to promote vascular cell growth, prevent blood clots and...
Scaling the seaweed industry sustainably
Dr Charlie Bavington, OCEANIUM co-founder and CEO caught up with Peter Green from Paxtier to discuss his experience working in marine biotechnology R&D, how OCEANIUM wants to scale seaweed sustainably, challenges facing the seaweed industry, and advice for others...
OCEANIUM unveils clean-label methylcellulose replacement from seaweed
We’re so pleased to announce the launch of our first product, a clean-label one-to-one replacement for methylcellulose; OCEAN HEALTH® Fiber. “This is a very exciting step for OCEANIUM, as it provides an excellent opportunity to partner with companies on a novel...
OCEANIUM featured in Forbes article: Why seaweed is the sustainability super plant of the future
We’re so proud to be featured in a great article in Forbes magazine ‘Why Seaweed Is The Sustainability Super-Plant Of The Future’, which highlights the need to develop seaweed-based products as part of the blue economy and the importance of unlocking the industry...
OCEANIUM part of landmark research project for gut-brain health
We’re delighted to announce that OCEANIUM is a partner of the PRECODE research project conducted by the Wageningen University & Research, division of Human Nutrition & Health, studying gut and brain health effects of prebiotics in older adults with suspected...
OCEANIUM selected as top 20 finalist for Global Change Award 2023 by H&M Foundation
We’re incredibly honoured to announce that OCEANIUM has been selected as a top 20 finalist for the prestigious Global Change Award 2023 from nearly 3,000 entries coming from 140 countries! The Global Change Award, initiated by H&M Foundation in 2015, is a global...
The Importance of Celebrating International Women’s Day!
On International Women’s Day we would like to stop and reflect on why we do what we do, and to celebrate the amazing women within our knowledgeable and passionate seaweed community, as well as iconic female figures in the industry. The economic participation of women...
World Economic Forum showcases OCEANIUM’s mission
A huge thank you to our friends at The World Economic Forum’s UpLink programme for producing and distributing a video showcasing OCEANIUM’s mission, progress, and products, as well as highlighting the numerous benefits of the sustainable seaweed farming industry. It’s...
Increasing attention for wearable algae
Great to see exciting developments being made within the fashion industry, as startups are now developing sustainable yarns and dyes from algae to replace resource intensive products. Click to read the article by Bloomberg
OCEANIUM launches 2022 impact report
We have a steadfast commitment to delivering impact within our own business, the wider value chain and for systemic change in food, materials and production systems. We’re in it for the long haul and we have a long-term plan that has identified the relevant UN...
Research indicates seaweed-derived fucoidan linked to improving bypass surgery outcomes
More exciting developments are being made with seaweed-derived ingredients. Researchers from The University of Waterloo are using fucoidan, a natural marine ingredient found in the cell wall of brown algae to promote vascular cell growth, prevent blood clots and...
Scaling the seaweed industry sustainably
Dr Charlie Bavington, OCEANIUM co-founder and CEO caught up with Peter Green from Paxtier to discuss his experience working in marine biotechnology R&D, how OCEANIUM wants to scale seaweed sustainably, challenges facing the seaweed industry, and advice for others...
OCEANIUM unveils clean-label methylcellulose replacement from seaweed
We’re so pleased to announce the launch of our first product, a clean-label one-to-one replacement for methylcellulose; OCEAN HEALTH® Fiber. “This is a very exciting step for OCEANIUM, as it provides an excellent opportunity to partner with companies on a novel...
OCEANIUM featured in Forbes article: Why seaweed is the sustainability super plant of the future
We’re so proud to be featured in a great article in Forbes magazine ‘Why Seaweed Is The Sustainability Super-Plant Of The Future’, which highlights the need to develop seaweed-based products as part of the blue economy and the importance of unlocking the industry...
OCEANIUM part of landmark research project for gut-brain health
We’re delighted to announce that OCEANIUM is a partner of the PRECODE research project conducted by the Wageningen University & Research, division of Human Nutrition & Health, studying gut and brain health effects of prebiotics in older adults with suspected...