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

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.

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.

 

  • 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

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

5 + 11 =

13 + 7 =

9 + 10 =

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

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

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

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.

Name 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.

Name 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.

Name Goes Here

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

How Traffic Offences Affect Your Record

How Traffic Offences Affect Your Record

Traffic offences may seem like minor infractions, but they can have a significant impact on your driving record and, consequently, your life in various ways. Whether it's a speeding ticket, running a red light or a more serious offence, understanding how traffic...

Is Divorce Split 50/50 in Australia? 

Is Divorce Split 50/50 in Australia? 

As the world has witnessed an increase in divorce and separation rates, Australia is no exception. If you're navigating the complexities of divorce, it's important to understand how property settlements work to dispel the common misconception of a simple 50/50...

What to Expect from a Divorce Hearing

What to Expect from a Divorce Hearing

So, you've taken the significant step of filing your application for divorce in Australia, and now you're gearing up for the divorce hearing with the guidance of a skilled divorce lawyer in Parramatta. What's going to happen next, and what should you expect? Let's...

Property Settlement

Property Settlement

When a couple separates, an agreement is signed between the parties to distribute their assets, liabilities, and financial resources. It is possible to reach a property settlement with or without the court's help. Almost anything of value can be considered property,...

Time Limit

Time Limit

Time constraints apply to family law cases just like all legal actions. Your ability to file a lawsuit in the Federal Circuit and Family Court of Australia is impacted by these time restrictions (FCFCA). The 1975 Family Law Act mentions these timeframes (Cth)....

Duty of Disclosure in Australia 

Duty of Disclosure in Australia 

What is the Duty of Disclosure?  Each party in a family law dispute must disclose all information pertinent to a particular issue in the case to the opposing side. Following the Obligation of Disclosure in the Family Court and Federal Circuit of Australia (Family...

Same-Sex Relationship in Australia 

Same-Sex Relationship in Australia 

The Marriage Act of 1961 was modified to permit same-sex marriage in 2017, following the Australian marriage law postal poll in December 2017, 61.6% of Australians supported same-sex marriage. The definition of marriage was redefined from being the exclusive,...

De Facto Relationship

De Facto Relationship

According to the Family Law Act of 1975, a de facto relationship is one in which two persons (who are not legally married or related by blood) cohabitate in a true domestic setting while considering all the conditions of their connection. De facto relationships,...

Pre Seperation Advice 

Pre Seperation Advice 

If a person is thinking of separating from their husband, wife, or de facto partner, one may be worried about the legal position. Pre-separation advice is a service our dedicated Family Law team offers to let people know where they stand legally before deciding to...

Court Process

Court Process

Whether a case involves parenting issues, property disputes, or both, the family court procedure in Australia might vary based on the specifics of each situation. Although the preparation and filing of family court   Australia paperwork is the typical first...

How Traffic Offences Affect Your Record

How Traffic Offences Affect Your Record

Traffic offences may seem like minor infractions, but they can have a significant impact on your driving record and, consequently, your life in various ways. Whether it's a speeding ticket, running a red light or a more serious offence, understanding how traffic...

Is Divorce Split 50/50 in Australia? 

Is Divorce Split 50/50 in Australia? 

As the world has witnessed an increase in divorce and separation rates, Australia is no exception. If you're navigating the complexities of divorce, it's important to understand how property settlements work to dispel the common misconception of a simple 50/50...

What to Expect from a Divorce Hearing

What to Expect from a Divorce Hearing

So, you've taken the significant step of filing your application for divorce in Australia, and now you're gearing up for the divorce hearing with the guidance of a skilled divorce lawyer in Parramatta. What's going to happen next, and what should you expect? Let's...

Property Settlement

Property Settlement

When a couple separates, an agreement is signed between the parties to distribute their assets, liabilities, and financial resources. It is possible to reach a property settlement with or without the court's help. Almost anything of value can be considered property,...

Time Limit

Time Limit

Time constraints apply to family law cases just like all legal actions. Your ability to file a lawsuit in the Federal Circuit and Family Court of Australia is impacted by these time restrictions (FCFCA). The 1975 Family Law Act mentions these timeframes (Cth)....

Duty of Disclosure in Australia 

Duty of Disclosure in Australia 

What is the Duty of Disclosure?  Each party in a family law dispute must disclose all information pertinent to a particular issue in the case to the opposing side. Following the Obligation of Disclosure in the Family Court and Federal Circuit of Australia (Family...

Same-Sex Relationship in Australia 

Same-Sex Relationship in Australia 

The Marriage Act of 1961 was modified to permit same-sex marriage in 2017, following the Australian marriage law postal poll in December 2017, 61.6% of Australians supported same-sex marriage. The definition of marriage was redefined from being the exclusive,...

De Facto Relationship

De Facto Relationship

According to the Family Law Act of 1975, a de facto relationship is one in which two persons (who are not legally married or related by blood) cohabitate in a true domestic setting while considering all the conditions of their connection. De facto relationships,...

Pre Seperation Advice 

Pre Seperation Advice 

If a person is thinking of separating from their husband, wife, or de facto partner, one may be worried about the legal position. Pre-separation advice is a service our dedicated Family Law team offers to let people know where they stand legally before deciding to...

Court Process

Court Process

Whether a case involves parenting issues, property disputes, or both, the family court procedure in Australia might vary based on the specifics of each situation. Although the preparation and filing of family court   Australia paperwork is the typical first...

How Traffic Offences Affect Your Record

How Traffic Offences Affect Your Record

Traffic offences may seem like minor infractions, but they can have a significant impact on your driving record and, consequently, your life in various ways. Whether it's a speeding ticket, running a red light or a more serious offence, understanding how traffic...

Is Divorce Split 50/50 in Australia? 

Is Divorce Split 50/50 in Australia? 

As the world has witnessed an increase in divorce and separation rates, Australia is no exception. If you're navigating the complexities of divorce, it's important to understand how property settlements work to dispel the common misconception of a simple 50/50...

What to Expect from a Divorce Hearing

What to Expect from a Divorce Hearing

So, you've taken the significant step of filing your application for divorce in Australia, and now you're gearing up for the divorce hearing with the guidance of a skilled divorce lawyer in Parramatta. What's going to happen next, and what should you expect? Let's...

Property Settlement

Property Settlement

When a couple separates, an agreement is signed between the parties to distribute their assets, liabilities, and financial resources. It is possible to reach a property settlement with or without the court's help. Almost anything of value can be considered property,...

Time Limit

Time Limit

Time constraints apply to family law cases just like all legal actions. Your ability to file a lawsuit in the Federal Circuit and Family Court of Australia is impacted by these time restrictions (FCFCA). The 1975 Family Law Act mentions these timeframes (Cth)....

Duty of Disclosure in Australia 

Duty of Disclosure in Australia 

What is the Duty of Disclosure?  Each party in a family law dispute must disclose all information pertinent to a particular issue in the case to the opposing side. Following the Obligation of Disclosure in the Family Court and Federal Circuit of Australia (Family...

Same-Sex Relationship in Australia 

Same-Sex Relationship in Australia 

The Marriage Act of 1961 was modified to permit same-sex marriage in 2017, following the Australian marriage law postal poll in December 2017, 61.6% of Australians supported same-sex marriage. The definition of marriage was redefined from being the exclusive,...

De Facto Relationship

De Facto Relationship

According to the Family Law Act of 1975, a de facto relationship is one in which two persons (who are not legally married or related by blood) cohabitate in a true domestic setting while considering all the conditions of their connection. De facto relationships,...

Pre Seperation Advice 

Pre Seperation Advice 

If a person is thinking of separating from their husband, wife, or de facto partner, one may be worried about the legal position. Pre-separation advice is a service our dedicated Family Law team offers to let people know where they stand legally before deciding to...

Court Process

Court Process

Whether a case involves parenting issues, property disputes, or both, the family court procedure in Australia might vary based on the specifics of each situation. Although the preparation and filing of family court   Australia paperwork is the typical first...

Gar Lawyers,Legal Services,Parramatta,NSW
Get A Quote

Name(Required)
This field is for validation purposes and should be left unchanged.