Global Presets UI Style
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.
#27428c
#5cbc48
#fafafa
#f1f1f1
#ededee
#ea5454
#F9F9F9
#e0e0e0
#2b63a8
#27428c
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
CON-TATTO E TERZO TEMPO
I progetti Con-Tatto! Percorsi abilitanti l’invecchiamento attivo e Terzo Tempo - Azioni di rete per sostenere l’invecchiamento attivo e la solidarietà tra le generazioni, hanno l’obiettivo di favorire l’invecchiamento attivo, intercettando bisogni e desideri delle...
Leva Civica Volontaria Lombarda
In questi giorni la nostra cooperativa sta compilando la domanda per essere iscritta all'albo degli enti che accolgono ragazzi e ragazze per un'esperienza di Leva Civica Volontaria Lombarda all'interno dei propri servizi. La Leva Civica Lombarda Volontaria è lo...
Ti Porto in Quercia
Ti Porto In Quercia, un progetto presentato ai Bandi Emblematici Maggiori di Fondazione Cariplo nel 2022, al quale è stato dato un contributo di 1.000.000 di euro. "Ti Porto in Quercia" al via i lavori di ristrutturazione di un grande immobile a Porto Mantovano....
WHISTLEBLOWING
La Cooperativa sociale La Quercia Onlus si è conformata alle richieste normative dettate dal D. LGS.10 MARZO 2023 N. 24 in tema di WHISTLEBLOWING, attraverso l'adozione del portale SEGNALO predisposto da CSA COESI. La procedura per effettuare le segnalazioni e i...
+ Vicini: Aiutaci ad arricchire le nostre aule di colori, libri e giochi
Cari amici, per tutto il mese di ottobre puoi aiutarci ad arricchire le nostre aule di colori, libri e giochi! Stiamo ristrutturando uno spazio per bambini a Roverbella dove verranno proposte anche terapie specifiche per minori con autismo. Gli spazi saranno dotati di...
Poster Convegno
Presentiamo qui i tre lavori con cui la Cooperativa ha partecipato alla sessione Poster del Convegno “I Processi del Cambiamento”. Scarica il poster "LA FORZA DELL'APPROCCIO INTEGRATO" del convegno Scarica il poster "L'AMBIENTE CHE SALVA" del convegno Scarica il...
Progetto #SPAZIOstabile
promosso dall'Associazione GOITO GET UP L'associazione GOITO GET UP è composta da giovani delle latterie cooperative dei prati stabili e vogliono prendersi cura del loro territorio e della loro comunità. Come? "... Vogliamo rimettere a nuovo due AULE...Questi SPAZI...
Fuori Classe 2022
Fuori Classe è un progetto nato dalla co-progettazione tra cooperativa La Quercia, Comune di Roverbella e Dopo Scuola. Fuori Classe è una proposta didattico-educativa rivolta a bambini e ragazzi dai 6 ai 14 anni per l'anno scolastico 2022/2023. Questo progetto sarà...
Centro Estivo 2022
Dal 4 luglio al 12 agosto a Roverbella si svolge il CRED (Centro Estivo) “Alla Scoperta dei nostri talenti”. La cooperativa sociale La Quercia, il Comune di Roverbella e il Doposcuola, hanno ideato un progetto estivo che coinvolge i bambini dalla scuola primaria alla...
I ragazzi de La Quercia partecipano al Concorso Letterario Nazionale “Una fiaba per la montagna”
L’associazione culturale ‘L Péilacan, il comune di Pont Canavese, il comune di Valprato Soana e il Parco Nazionale Gran Paradiso bandiscono per l’anno 2021 la ventesima edizione del Premio Letterario Nazionale Enrico Trione “Una fiaba per la montagna”. Per questa...
CON-TATTO E TERZO TEMPO
I progetti Con-Tatto! Percorsi abilitanti l’invecchiamento attivo e Terzo Tempo - Azioni di rete per sostenere l’invecchiamento attivo e la solidarietà tra le generazioni, hanno l’obiettivo di favorire l’invecchiamento attivo, intercettando bisogni e desideri delle...
Leva Civica Volontaria Lombarda
In questi giorni la nostra cooperativa sta compilando la domanda per essere iscritta all'albo degli enti che accolgono ragazzi e ragazze per un'esperienza di Leva Civica Volontaria Lombarda all'interno dei propri servizi. La Leva Civica Lombarda Volontaria è lo...
Ti Porto in Quercia
Ti Porto In Quercia, un progetto presentato ai Bandi Emblematici Maggiori di Fondazione Cariplo nel 2022, al quale è stato dato un contributo di 1.000.000 di euro. "Ti Porto in Quercia" al via i lavori di ristrutturazione di un grande immobile a Porto Mantovano....
WHISTLEBLOWING
La Cooperativa sociale La Quercia Onlus si è conformata alle richieste normative dettate dal D. LGS.10 MARZO 2023 N. 24 in tema di WHISTLEBLOWING, attraverso l'adozione del portale SEGNALO predisposto da CSA COESI. La procedura per effettuare le segnalazioni e i...
+ Vicini: Aiutaci ad arricchire le nostre aule di colori, libri e giochi
Cari amici, per tutto il mese di ottobre puoi aiutarci ad arricchire le nostre aule di colori, libri e giochi! Stiamo ristrutturando uno spazio per bambini a Roverbella dove verranno proposte anche terapie specifiche per minori con autismo. Gli spazi saranno dotati di...
Poster Convegno
Presentiamo qui i tre lavori con cui la Cooperativa ha partecipato alla sessione Poster del Convegno “I Processi del Cambiamento”. Scarica il poster "LA FORZA DELL'APPROCCIO INTEGRATO" del convegno Scarica il poster "L'AMBIENTE CHE SALVA" del convegno Scarica il...
Progetto #SPAZIOstabile
promosso dall'Associazione GOITO GET UP L'associazione GOITO GET UP è composta da giovani delle latterie cooperative dei prati stabili e vogliono prendersi cura del loro territorio e della loro comunità. Come? "... Vogliamo rimettere a nuovo due AULE...Questi SPAZI...
Fuori Classe 2022
Fuori Classe è un progetto nato dalla co-progettazione tra cooperativa La Quercia, Comune di Roverbella e Dopo Scuola. Fuori Classe è una proposta didattico-educativa rivolta a bambini e ragazzi dai 6 ai 14 anni per l'anno scolastico 2022/2023. Questo progetto sarà...
Centro Estivo 2022
Dal 4 luglio al 12 agosto a Roverbella si svolge il CRED (Centro Estivo) “Alla Scoperta dei nostri talenti”. La cooperativa sociale La Quercia, il Comune di Roverbella e il Doposcuola, hanno ideato un progetto estivo che coinvolge i bambini dalla scuola primaria alla...
I ragazzi de La Quercia partecipano al Concorso Letterario Nazionale “Una fiaba per la montagna”
L’associazione culturale ‘L Péilacan, il comune di Pont Canavese, il comune di Valprato Soana e il Parco Nazionale Gran Paradiso bandiscono per l’anno 2021 la ventesima edizione del Premio Letterario Nazionale Enrico Trione “Una fiaba per la montagna”. Per questa...
CON-TATTO E TERZO TEMPO
I progetti Con-Tatto! Percorsi abilitanti l’invecchiamento attivo e Terzo Tempo - Azioni di rete per sostenere l’invecchiamento attivo e la solidarietà tra le generazioni, hanno l’obiettivo di favorire l’invecchiamento attivo, intercettando bisogni e desideri delle...
Leva Civica Volontaria Lombarda
In questi giorni la nostra cooperativa sta compilando la domanda per essere iscritta all'albo degli enti che accolgono ragazzi e ragazze per un'esperienza di Leva Civica Volontaria Lombarda all'interno dei propri servizi. La Leva Civica Lombarda Volontaria è lo...
Ti Porto in Quercia
Ti Porto In Quercia, un progetto presentato ai Bandi Emblematici Maggiori di Fondazione Cariplo nel 2022, al quale è stato dato un contributo di 1.000.000 di euro. "Ti Porto in Quercia" al via i lavori di ristrutturazione di un grande immobile a Porto Mantovano....
WHISTLEBLOWING
La Cooperativa sociale La Quercia Onlus si è conformata alle richieste normative dettate dal D. LGS.10 MARZO 2023 N. 24 in tema di WHISTLEBLOWING, attraverso l'adozione del portale SEGNALO predisposto da CSA COESI. La procedura per effettuare le segnalazioni e i...
+ Vicini: Aiutaci ad arricchire le nostre aule di colori, libri e giochi
Cari amici, per tutto il mese di ottobre puoi aiutarci ad arricchire le nostre aule di colori, libri e giochi! Stiamo ristrutturando uno spazio per bambini a Roverbella dove verranno proposte anche terapie specifiche per minori con autismo. Gli spazi saranno dotati di...
Poster Convegno
Presentiamo qui i tre lavori con cui la Cooperativa ha partecipato alla sessione Poster del Convegno “I Processi del Cambiamento”. Scarica il poster "LA FORZA DELL'APPROCCIO INTEGRATO" del convegno Scarica il poster "L'AMBIENTE CHE SALVA" del convegno Scarica il...
Progetto #SPAZIOstabile
promosso dall'Associazione GOITO GET UP L'associazione GOITO GET UP è composta da giovani delle latterie cooperative dei prati stabili e vogliono prendersi cura del loro territorio e della loro comunità. Come? "... Vogliamo rimettere a nuovo due AULE...Questi SPAZI...
Fuori Classe 2022
Fuori Classe è un progetto nato dalla co-progettazione tra cooperativa La Quercia, Comune di Roverbella e Dopo Scuola. Fuori Classe è una proposta didattico-educativa rivolta a bambini e ragazzi dai 6 ai 14 anni per l'anno scolastico 2022/2023. Questo progetto sarà...
Centro Estivo 2022
Dal 4 luglio al 12 agosto a Roverbella si svolge il CRED (Centro Estivo) “Alla Scoperta dei nostri talenti”. La cooperativa sociale La Quercia, il Comune di Roverbella e il Doposcuola, hanno ideato un progetto estivo che coinvolge i bambini dalla scuola primaria alla...
I ragazzi de La Quercia partecipano al Concorso Letterario Nazionale “Una fiaba per la montagna”
L’associazione culturale ‘L Péilacan, il comune di Pont Canavese, il comune di Valprato Soana e il Parco Nazionale Gran Paradiso bandiscono per l’anno 2021 la ventesima edizione del Premio Letterario Nazionale Enrico Trione “Una fiaba per la montagna”. Per questa...