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.
#004C97
#97D700
#59CBE8
#008C95
#D9D9D6
#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
2020 Year in Review
Susteon to partner with Stanford University to develop a modular system for direct conversion of methane to methanol
Stanford University is partnering with Susteon to develop a “Modular System for Direct Conversion of Methane into Methanol via Photocatalysis.” This DOE project awarded under DE-FOA-0002006 aims to develop a process-intensified catalyst for photochemical conversion of...
Mechanical Engineer
Susteon has an immediate opening for a Mechanical Engineer. This position plays a key role in supporting the development of current and future work. Title: Mechanical Engineer Requirements: BS or MS in Mechanical or Chemical Engineering preferably with 3-5 years of...
Senior Catalysis Engineer
Susteon has an immediate opening for a Senior Catalysis Engineer to work in process research and commercialization. This position plays a key role in supporting the development of current and future work. Title: Senior Catalysis Engineer Requirements: MS or Ph.D. in...
Susteon and NETL sign a CRADA for flare gas utilization
Under a cooperative research and development agreement (CRADA), national Energy Technology Laboratory (NETL) and Susteon will co-develop a modular system for converting flare-, associated-, and natural- gas into olefins and other high value products. This work will...
Susteon supports UCLA in completion of pilot-scale testing to convert CO2 into construction products
Susteon supported University of California, Los Angeles (UCLA), in completing more than 1,200 hours of field testing at the Wyoming Integrated Test Center (ITC), successfully demonstrating a process to create concrete masonry units (CMUs, or concrete blocks) using...
Susteon to develop “Low Regeneration Temperature Sorbents for Direct Air Capture of CO2”
The U.S. Department of Energy’s (DOE) Office of Fossil Energy (FE) and NETL recently selected Susteon under DE-FOA-0002188 to receive $1 million funding to develop amine-doped solid sorbents catalyzed by ionic liquids that have the potential to increase the...
Susteon to partner with TDA to develop a pre-combustion capture system
TDA is partnering with Susteon under DOE funding (DE-FOA-0002057) to develop “A High-Efficiency, Modular Pre-Combustion Capture System for Coal FIRST Poly-generation Process.” This project will demonstrate the capability of the entire warm gas cleanup and capture...
Susteon to develop a Rapid Temperature Swing Adsorption Carbon Capture Technology for Optimal Operation of a Fossil Power Plant
Susteon was selected by DOE’s ARPA-E under FLECCS program to evaluate a CO2 capture technology using solid sorbents based on thermal swing adsorption that enables power generators to operate the power plant in a “load following” mode in response to grid conditions in...
Susteon to develop a plasma assisted catalytic conversion technology to produce propylene and CO from CO2 and propane
The U.S. Department of Energy’s (DOE) Office of Fossil Energy (FE) and NETL recently selected Susteon under DE-FOA-0002186 to receive $1.25 million of funding to develop a novel catalytic non-thermal plasma (CNTP) technology using metallic/bi-metallic catalysts for...
2020 Year in Review
Susteon to partner with Stanford University to develop a modular system for direct conversion of methane to methanol
Stanford University is partnering with Susteon to develop a “Modular System for Direct Conversion of Methane into Methanol via Photocatalysis.” This DOE project awarded under DE-FOA-0002006 aims to develop a process-intensified catalyst for photochemical conversion of...
Mechanical Engineer
Susteon has an immediate opening for a Mechanical Engineer. This position plays a key role in supporting the development of current and future work. Title: Mechanical Engineer Requirements: BS or MS in Mechanical or Chemical Engineering preferably with 3-5 years of...
Senior Catalysis Engineer
Susteon has an immediate opening for a Senior Catalysis Engineer to work in process research and commercialization. This position plays a key role in supporting the development of current and future work. Title: Senior Catalysis Engineer Requirements: MS or Ph.D. in...
Susteon and NETL sign a CRADA for flare gas utilization
Under a cooperative research and development agreement (CRADA), national Energy Technology Laboratory (NETL) and Susteon will co-develop a modular system for converting flare-, associated-, and natural- gas into olefins and other high value products. This work will...
Susteon supports UCLA in completion of pilot-scale testing to convert CO2 into construction products
Susteon supported University of California, Los Angeles (UCLA), in completing more than 1,200 hours of field testing at the Wyoming Integrated Test Center (ITC), successfully demonstrating a process to create concrete masonry units (CMUs, or concrete blocks) using...
Susteon to develop “Low Regeneration Temperature Sorbents for Direct Air Capture of CO2”
The U.S. Department of Energy’s (DOE) Office of Fossil Energy (FE) and NETL recently selected Susteon under DE-FOA-0002188 to receive $1 million funding to develop amine-doped solid sorbents catalyzed by ionic liquids that have the potential to increase the...
Susteon to partner with TDA to develop a pre-combustion capture system
TDA is partnering with Susteon under DOE funding (DE-FOA-0002057) to develop “A High-Efficiency, Modular Pre-Combustion Capture System for Coal FIRST Poly-generation Process.” This project will demonstrate the capability of the entire warm gas cleanup and capture...
Susteon to develop a Rapid Temperature Swing Adsorption Carbon Capture Technology for Optimal Operation of a Fossil Power Plant
Susteon was selected by DOE’s ARPA-E under FLECCS program to evaluate a CO2 capture technology using solid sorbents based on thermal swing adsorption that enables power generators to operate the power plant in a “load following” mode in response to grid conditions in...
Susteon to develop a plasma assisted catalytic conversion technology to produce propylene and CO from CO2 and propane
The U.S. Department of Energy’s (DOE) Office of Fossil Energy (FE) and NETL recently selected Susteon under DE-FOA-0002186 to receive $1.25 million of funding to develop a novel catalytic non-thermal plasma (CNTP) technology using metallic/bi-metallic catalysts for...
2020 Year in Review
Susteon to partner with Stanford University to develop a modular system for direct conversion of methane to methanol
Stanford University is partnering with Susteon to develop a “Modular System for Direct Conversion of Methane into Methanol via Photocatalysis.” This DOE project awarded under DE-FOA-0002006 aims to develop a process-intensified catalyst for photochemical conversion of...
Mechanical Engineer
Susteon has an immediate opening for a Mechanical Engineer. This position plays a key role in supporting the development of current and future work. Title: Mechanical Engineer Requirements: BS or MS in Mechanical or Chemical Engineering preferably with 3-5 years of...
Senior Catalysis Engineer
Susteon has an immediate opening for a Senior Catalysis Engineer to work in process research and commercialization. This position plays a key role in supporting the development of current and future work. Title: Senior Catalysis Engineer Requirements: MS or Ph.D. in...
Susteon and NETL sign a CRADA for flare gas utilization
Under a cooperative research and development agreement (CRADA), national Energy Technology Laboratory (NETL) and Susteon will co-develop a modular system for converting flare-, associated-, and natural- gas into olefins and other high value products. This work will...
Susteon supports UCLA in completion of pilot-scale testing to convert CO2 into construction products
Susteon supported University of California, Los Angeles (UCLA), in completing more than 1,200 hours of field testing at the Wyoming Integrated Test Center (ITC), successfully demonstrating a process to create concrete masonry units (CMUs, or concrete blocks) using...
Susteon to develop “Low Regeneration Temperature Sorbents for Direct Air Capture of CO2”
The U.S. Department of Energy’s (DOE) Office of Fossil Energy (FE) and NETL recently selected Susteon under DE-FOA-0002188 to receive $1 million funding to develop amine-doped solid sorbents catalyzed by ionic liquids that have the potential to increase the...
Susteon to partner with TDA to develop a pre-combustion capture system
TDA is partnering with Susteon under DOE funding (DE-FOA-0002057) to develop “A High-Efficiency, Modular Pre-Combustion Capture System for Coal FIRST Poly-generation Process.” This project will demonstrate the capability of the entire warm gas cleanup and capture...
Susteon to develop a Rapid Temperature Swing Adsorption Carbon Capture Technology for Optimal Operation of a Fossil Power Plant
Susteon was selected by DOE’s ARPA-E under FLECCS program to evaluate a CO2 capture technology using solid sorbents based on thermal swing adsorption that enables power generators to operate the power plant in a “load following” mode in response to grid conditions in...
Susteon to develop a plasma assisted catalytic conversion technology to produce propylene and CO from CO2 and propane
The U.S. Department of Energy’s (DOE) Office of Fossil Energy (FE) and NETL recently selected Susteon under DE-FOA-0002186 to receive $1.25 million of funding to develop a novel catalytic non-thermal plasma (CNTP) technology using metallic/bi-metallic catalysts for...