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.
#1986C7
#2AB399
#000000
#FFFFFF
#ffb82a
#F1F5F7
#F9F9F9
#e0e0e0
#444444
#000000
#1986c7
#2ab399
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
Page Title
Page Title
Preset: Page Title
Heading 1
Heading 1
Preset: All In One (Default)
Heading 2
Heading 2
Preset: All In One (Default)
Heading 3
Heading 3
Preset: All In One (Default)
Heading 4
Heading 4
Preset: All In One (Default)
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.
Preset: All In One (Default)
List
- 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
- Lorum Ipsum
- Lorum Ipsum
Preset: All In One (Default)
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
Employer Solutions
Learn how you can partner with us for your occupational health needs.
Preset: Blurb Preset 1
Walk-in facility
Drug Testing
Use of SAMHSA certified laboratories for drug testing
Nova Medical Centers
- Lower Indemnity Cost!
- 97% Same Day Return to Work
- Average 18 Day Claim Closure Rate
- A-Z Treatment Control / Case Management
- Increased Company Productivity
- Courtesy Injury Transportation
Knowledgeable Staff
We pride ourselves in having a knowledgeable staff that understands work injuries and strives to deliver personalized treatment for you injury.
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.
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.
Blog
5 Essential Tips to Prevent Carpal Tunnel Syndrome at Work
18% of workers who develop carpal tunnel syndrome leave their jobs in 18 months. According to PubMed, over 5 million U.S. workers were affected by Carpal Tunnel Syndrome in 2010. WebMD defines carpal tunnel syndrome as when the median nerve is pinched or compressed in...
5 Ways to Stay Hydrated at Work
During the workday, it is important to stay hydrated especially if you work outside. According to recent studies, 75% of Americans are suffering from a chronic state of dehydration because they are not consuming the right amount of water to be truly hydrated....
5 Ways to Tap into Your Creativity at Work
Creativity increases productivity Creativity is a word that can either fill you with excitement or fill you with dread. When we imagine creativity sometimes our first thought is to measure our own levels of creativity or lack thereof. Our thoughts might also lead us...
The 10 Step Guide Every Employer Should Have for Motor Vehicle Safety
Protect your employees and your business Millions of Americans drive or ride motor vehicles every day as a part of their jobs. According to the Bureau of Labor Statistics, there are more than 2,083 deaths a year from occupational transportation incidents. That is...
Workplace Harassment: How to Identify and Prevent It
In recent months, workplace harassment has been a national conversation. According to ABC News, 14 million U.S. women have been sexually abused in work-related incidents. Men have also faced sexual harassment in the workplace with reports of sexual assault doubling...
Social Media: A Distraction or Benefit in the Workplace?
4 ways social media has a surprising effect on employees Social Media has become ingrained in our everyday lives. According to recent studies, the average person spends 5 years of his or her life on social media and over 2 hours on social media per day. The Pew...
How to Avoid a Foot Injury in the Workplace
According to the Bureau of Labor Statistics, 60,000-foot injuries are responsible for keeping people from work each year. Of those injuries, 75% of those cases involved workers, not in compliance with current safety regulations. On average, these injuries can cause up...
Allergy Season: 4 Tips to Keep You Healthy
Here’s how to stay healthy during allergy season As flu season comes to an end, allergy season begins. About 50 million Americans suffer from year-long or seasonal allergies. , According to WebMD allergies are the No. 2 reason adults miss work. In fact, the average...
Keep Your Workers Protected During Demolition
Follow OSHA’s demolition guidelines One of the most dangerous procedures in construction is demolition. Demolition is the dismantling, razing, destroying, or wrecking of any building or structure, or any part thereof. Without proper preparations, demolition hazards...
Occupational Medicine Clinics: A Worth-While Investment for Your Company
3 ways occupational medicine clinics benefit your business Occupational medicine clinics have been providing comprehensive medical care for employers and employees for decades. They provide services such as work injury care, physical therapy, pre-employment services,...
Form Section