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.
Entrevista Espai Empresa
Header 1 Edit or remove this text inline or in the module Content settings.
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.
Header 2 Edit or remove this text inline or in the module Content settings.
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.
Header 3 Edit or remove this text inline or in the module Content settings.
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.
Header 4 Edit or remove this text inline or in the module Content settings.
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.
Header 5 Edit or remove this text inline or in the module Content settings.
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.
Header 6 Edit or remove this text inline or in the module Content settings.
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.
List
- 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.
Links
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
Heading 5
Heading 5
Heading 5
Heading 5
Heading 4
Heading 6
Heading 6
Heading 6
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
Sobretot actitud!
Article de Laura Ravés, directora de Cultura i Organització a MPM Software Si tingués que muntar un projecte, anar-me’n d’aventura o treballar en equip, demanaria que els meus companys de fatigues tinguessin uns requisits. Uns requisits que resulten imprescindibles...
“Notaria online”: signar escriptures davant de notari sense moure’s de casa comença a ser una realitat
Article de Daniel Marchena, advocat a Maristany Abogados. La Llei 11/2023, de 8 de maig, ens ha portat, entre d’altres novetats, canvis importants en la forma en què la ciutadania pot dur a terme determinats tràmits notarials. De què es tracta? Com a mesura...
Anoia industrial i les empreses familiars
Article de Jordi Tarragona, conseller de famílies empresàries / jordi@bowfc.com En el VI Fòrum Empresarial de l’Anoia, organitzat per la UEA, per presentar l’informe econòmic “Anoia Industrial” realitzat el passat 29 de novembre es va recordar que la primera indústria...
Euro estalviat, euro guanyat (Jordi Tarragona)
Els beneficis del coaching a la teva empresa (Nadia Dichiara)
L’anglès és imprescindible (Elisabet Seuba)
Un Zoom desastrós (Laura Ravés)
La nena de la font (Marta Calzada)
Planificar per créixer (Victor Garcia)
Oportunitats i Creixement del Talent i les Pimes (Susana Roselló)
Impacte de Reempresa al teixit empresarial anoienc
El programa Reempresa ha demostrat ser una eina fonamental per al teixit empresarial de l'Anoia, facilitant la continuïtat de negocis i contribuint a l'estabilitat econòmica de la comarca. Què és Reempresa? Reempresa és un model d'emprenedoria que promou la...
Descobreix els serveis de Reempresa: una oportunitat única per a emprenedors i empresaris
Vols comprar o vendre una empresa en funcionament? Reempresa, un servei innovador creat per la patronal Cecot i la Fundació Autoocupació, t’ofereix una solució completa per donar continuïtat al teixit empresarial i preservar els llocs de treball. Aquest servei posa en...
L’impacte de la intel•ligència artificial a les empreses capitaneja el Fòrum UEA
Aquest dijous 28 de novembre ha tingut lloc el VIII Fòrum Empresarial de l’Anoia, l’acte acadèmic anual de la patronal anoienca, que posa llum a les inquietuds i reptes del teixit empresarial de la comarca a través de la presentació de l’informe elaborat per l’entitat...
Finalitza amb èxit el curs de “Mecànica bàsica i interpretació de plànols” per a persones a l’atur de l’àmbit industrial
Aquest mes d’octubre s’ha posat el punt i final, després de dues setmanes i mitja de formació i sessions, a l'acció formativa i d'acompanyament en l'àmbit del metall per a persones en recerca de feina en l’entorn metal·lúrgic. Després d'una formació en mecànica bàsica...
La “Química del reciclatge” és el tema de la VII edició del Concurs “Química a l’escola” de la Fundació UEA i les empreses del sector químic
En motiu de Sant Albert, patró de la química que tindrà lloc aquest divendres 15 de novembre, la Fundació UEA i 14 empreses químiques de la comarca donen el tret de sortida a la 7a edició del Concurs “Química a l’escola” que té per objectiu familiaritzar els més joves...
El VIII Fòrum Empresarial de l’Anoia plasmarà l’impacte de la Intel·ligència Artificial a l’empresa
En un món cada vegada més globalitzat i connectat, la tecnologia ha esdevingut un element essencial per al desenvolupament i la competitivitat de les empreses. La intel·ligència artificial (IA) es troba al centre d’aquesta revolució tecnològica, oferint solucions...
TICAnoia renova el seu acord de vinculació amb la UEA
TICAnoia renova l’acord de col·laboració i vinculació amb la UEA amb l’objectiu de continuar formant part de l’associació empresarial multisectorial d'àmbit comarcal que actua com a punt de trobada natural de l'empresariat de l'Anoia i promoure, mitjançant accions...
El VIII Meeting UEA Inquieta posa per bandera el colideratge per tal de tenir una empresa competitiva
Més d’un centenar d’assistents a la vuitena edició del Meeting UEA Inquieta, l’acte anual de referència de la comissió que treballa per empoderar, donar suport i visibilitat a les dones directives, empresàries i professionals de la comarca de l’Anoia, UEA Inquieta....
Direxis Masats suma amb la Fundació UEA pels projectes socials dirigits a joves i nous professionals de la comarca
Direxis Masats s’ha sumat a la Fundació UEA donant suport als projectes socials de l’entitat que s’orienten a apropar la realitat empresarial als joves, generar vocacions industrials, apropar-los del teixit i potencial empresarial del territori, i fomentant la...
Labin suma amb la Fundació UEA pels projectes socials adreçats a joves i col·lectius estratègics de la comarca
La Fundació UEA compta amb una empresa compromesa més. Labin ha apostat en ferm per l’entitat amb la voluntat de treballar plegats en les diverses accions que estan orientades als joves: per fomentar noves vocacions mirant al teixit industrial, posant en relleu els...
Impacte de Reempresa al teixit empresarial anoienc
El programa Reempresa ha demostrat ser una eina fonamental per al teixit empresarial de l'Anoia, facilitant la continuïtat de negocis i contribuint a l'estabilitat econòmica de la comarca. Què és Reempresa? Reempresa és un model d'emprenedoria que promou la...
Descobreix els serveis de Reempresa: una oportunitat única per a emprenedors i empresaris
Vols comprar o vendre una empresa en funcionament? Reempresa, un servei innovador creat per la patronal Cecot i la Fundació Autoocupació, t’ofereix una solució completa per donar continuïtat al teixit empresarial i preservar els llocs de treball. Aquest servei posa en...
L’impacte de la intel•ligència artificial a les empreses capitaneja el Fòrum UEA
Aquest dijous 28 de novembre ha tingut lloc el VIII Fòrum Empresarial de l’Anoia, l’acte acadèmic anual de la patronal anoienca, que posa llum a les inquietuds i reptes del teixit empresarial de la comarca a través de la presentació de l’informe elaborat per l’entitat...
Finalitza amb èxit el curs de “Mecànica bàsica i interpretació de plànols” per a persones a l’atur de l’àmbit industrial
Aquest mes d’octubre s’ha posat el punt i final, després de dues setmanes i mitja de formació i sessions, a l'acció formativa i d'acompanyament en l'àmbit del metall per a persones en recerca de feina en l’entorn metal·lúrgic. Després d'una formació en mecànica bàsica...
La “Química del reciclatge” és el tema de la VII edició del Concurs “Química a l’escola” de la Fundació UEA i les empreses del sector químic
En motiu de Sant Albert, patró de la química que tindrà lloc aquest divendres 15 de novembre, la Fundació UEA i 14 empreses químiques de la comarca donen el tret de sortida a la 7a edició del Concurs “Química a l’escola” que té per objectiu familiaritzar els més joves...
El VIII Fòrum Empresarial de l’Anoia plasmarà l’impacte de la Intel·ligència Artificial a l’empresa
En un món cada vegada més globalitzat i connectat, la tecnologia ha esdevingut un element essencial per al desenvolupament i la competitivitat de les empreses. La intel·ligència artificial (IA) es troba al centre d’aquesta revolució tecnològica, oferint solucions...
TICAnoia renova el seu acord de vinculació amb la UEA
TICAnoia renova l’acord de col·laboració i vinculació amb la UEA amb l’objectiu de continuar formant part de l’associació empresarial multisectorial d'àmbit comarcal que actua com a punt de trobada natural de l'empresariat de l'Anoia i promoure, mitjançant accions...
El VIII Meeting UEA Inquieta posa per bandera el colideratge per tal de tenir una empresa competitiva
Més d’un centenar d’assistents a la vuitena edició del Meeting UEA Inquieta, l’acte anual de referència de la comissió que treballa per empoderar, donar suport i visibilitat a les dones directives, empresàries i professionals de la comarca de l’Anoia, UEA Inquieta....
Direxis Masats suma amb la Fundació UEA pels projectes socials dirigits a joves i nous professionals de la comarca
Direxis Masats s’ha sumat a la Fundació UEA donant suport als projectes socials de l’entitat que s’orienten a apropar la realitat empresarial als joves, generar vocacions industrials, apropar-los del teixit i potencial empresarial del territori, i fomentant la...
Labin suma amb la Fundació UEA pels projectes socials adreçats a joves i col·lectius estratègics de la comarca
La Fundació UEA compta amb una empresa compromesa més. Labin ha apostat en ferm per l’entitat amb la voluntat de treballar plegats en les diverses accions que estan orientades als joves: per fomentar noves vocacions mirant al teixit industrial, posant en relleu els...