Oak Base – Framework
Global Presets UI Style Guide
01. Color palette
Here are Your Main Colors for Your Website Framework.
Primary Color
Secondary Color
ACCENT
Heading Color
Body Color
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.
Heading Font Family:
Body Font Family:
Default Body
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
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.
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
Primary
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
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.
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
White
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
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.
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
Secondary
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
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.
- Lorum Ipsum
- Lorum Ipsum
- 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
White
Button
Blurb
Default
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.
Primary Text
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.
Primary BG - White TXT
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.
Image
Rounded Edges: 8px
Animation: Slide Center
Box Shadow
Hover: Transform Animation
Call to action
Primary - Default
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.
Secondary
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.
Video
Toggle
Default - Primary Color
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.
Secondary Color
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.
Accordion
Default - Primary Color
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.
Secondary Color
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.
Black
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.
Join Our Team Today
If you’re looking for more than just a job—somewhere you can truly belong, make a difference, and grow your career—you’re in the right place.
Apply Today
Are You ready to make a difference and discover your purpose?
StarCare offers great benefits, flexible work schedules, and an environment where hope and health work hand in hand.
Health Savings Account
Fully funded Health Savings Accounts (HSA), up to $4,400 for full time employees who enroll in the High Deductible Health Plan.
PTO
Benefit-eligible employees receive front-loaded PTO available from the date of hire, up to 13 paid holidays, and an end-of-year PTO buy back option.
Sabbatical
Sabbatical program – minimum 1 week off with longevity augmentation beginning at year 5 and every 5 years thereafter.
Retirement Match
Employer retirement match beginning at time of hire.
Incentives
Up to $1,500 in incentives for employees who refer qualified candidates that result in hire.
Amazing Culture
Join our incredible and supportive team culture at StarCare Lubbock where collaboration, respect, and positivity thrive.
Apply Today
Featured Openings
About Us
We care for adults, children, and adolescents who have a diagnosis of mental illness, intellectual disabilities, and/or substance use disorder. We also connect veterans and their families to resources they need during times of transition and provide quality medical care and support services to the elderly with health challenges. We believe all people should have hope and the opportunity to achieve their full potential for health and well-being.
Contact Us
StarCare Specialty Health System
904 Avenue O
Lubbock, TX 79401
Call : (806) 766-0310
Join Our Team Today
If you’re looking for more than just a job—somewhere you can truly belong, make a difference, and grow your career—you’re in the right place.
Apply Today
Are You ready to make a difference and discover your purpose?
StarCare offers great benefits, flexible work schedules, and an environment where hope and health work hand in hand.
Health Savings Account
Fully funded Health Savings Accounts (HSA), up to $4,400 for full time employees who enroll in the High Deductible Health Plan.
PTO
Benefit-eligible employees receive front-loaded PTO available from the date of hire, up to 13 paid holidays, and an end-of-year PTO buy back option.
Sabbatical
Sabbatical program – minimum 1 week off with longevity augmentation beginning at year 5 and every 5 years thereafter.
Retirement Match
Employer retirement match beginning at time of hire.
Incentives
Up to $1,500 in incentives for employees who refer qualified candidates that result in hire.
Amazing Culture
Join our incredible and supportive team culture at StarCare Lubbock where collaboration, respect, and positivity thrive.
Apply Today
Featured Openings
About Us
We care for adults, children, and adolescents who have a diagnosis of mental illness, intellectual disabilities, and/or substance use disorder. We also connect veterans and their families to resources they need during times of transition and provide quality medical care and support services to the elderly with health challenges. We believe all people should have hope and the opportunity to achieve their full potential for health and well-being.
Contact Us
StarCare Specialty Health System
904 Avenue O
Lubbock, TX 79401