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
Enfadar-se… és productiu?
La ira, la ràbia, l’enuig, són emocions que tenim més a mà, i que aquí englobarem sota el concepte de ràbia. I moltes vegades ens passa a la feina, amb el o la cap, amb un company o companya, amb un empleat, amb un client, amb un proveïdor. La ràbia és un estat que...
L’art d’heretar sense litigar: Com blindar l’empresa familiar davant els conflictes entre germans
El fundador d'una empresa familiar acostuma a tenir un somni: que el seu negoci el sobrevisqui i que els seus fills continuïn units. No obstant això, barrejar la taula del consell d'administració amb el sopar de Nadal és un esport d'alt risc. Quan arriba el relleu, el...
La importància d’innovar
Haver de defensar la innovació en un article no hauria de ser necessari. No obstant això, hi ha encara moltes empreses que no innoven de forma continuada i regular. Com és possible? En primer lloc, potser no hi ha consciència que innovar està lligat a un augment de...
Més atur, però falta talent: la gran desconnexió entre empresa i mercat laboral
El mercat laboral viu una paradoxa: mentre l’atur continua sent elevat, moltes empreses tenen dificultats per trobar les persones que necessiten. Aquest fenomen s’ha accentuat en els darrers anys i posa de manifest un desajust creixent entre l’oferta i la demanda de...
Digitalitzem negocis, però els estem protegint?
En els darrers anys, la digitalització s’ha convertit en una prioritat per a moltes empreses. Pàgines web, botigues online, reserves digitals, CRM, newsletters, xarxes socials… El salt digital ja no és una opció, és una necessitat. Especialment per a les petites i...
La manca d’estructura comercial: el veritable fre invisible de les pimes
Moltes petites i mitjanes empreses de Catalnya comparteixen un mateix diagnòstic: bons productes, clients fidels, equips compromesos… però unes vendes que no acaben de créixer. No és per manca d’esforç ni per manca de talent, sinó per un motiu menys visible però molt...
Reempresa: donar continuïtat al teixit empresarial
En un context econòmic en constant transformació, sovint parlem de la importància de crear noves empreses, d’impulsar l’emprenedoria i de fomentar la innovació. Però hi ha una altra realitat igualment rellevant que massa vegades passa desapercebuda: la continuïtat de...
Som un país antiempresa?
La pregunta pot semblar provocadora, però les dades obliguen a fer-la. Aquest article recull, de manera sintètica, les principals idees del que vaig publicar el passat mes de gener a Via Empresa. El debat sobre productivitat, salaris i competitivitat té un element...
La consultoria especialitzada: aliada estratègica per a empreses
En el context econòmic actual, les empreses es troben davant d’un entorn cada vegada més exigent, on la normativa, la sostenibilitat, la qualitat i la innovació tenen un pes creixent. Les organitzacions ja no només han de centrar-se en la seva activitat principal,...
Protocol o constitució?
En un article publicat per Jordi Nadal a La Vanguardia, deia que “quan ja no queden vincles entre les persones, queden només els protocols, i els protocols són freds: són un instrument que regula amb ordre i articula les regles de joc que han de manar en una...
Finalitza amb èxit Ponts de futur: el projecte de formació industrial i d’acompanyament professional per joves nouvinguts
El programa, impulsat pel Consell Comarcal de l'Anoia i la Fundació UEA amb el suport de la Diputació de Barcelona, ha combinat formació tècnica, orientació laboral i contacte directe amb el teixit empresarial per afavorir la inserció sociolaboral dels joves. El...
Campus Motor Anoia, a Castellolí, és el nou centre adherit a l’Escola d’Oficis de la Fundació UEA
La xarxa de centres adherits a l’Escola d’Oficis vol apropar la formació professionalitzadora i els oficis arreu de la comarca. La Fundació UEA continua avançant amb la xarxa de Centres adherits a l'Escola d'Oficis amb l'objectiu de donar resposta a les necessitats...
La primera edició d’OficiXperience desperta l’interès dels joves pels oficis i les empreses del territori
Una iniciativa pionera de la Fundació UEA que ha permès a joves de 13 a 17 anys viure una experiència real dins les empreses i descobrir professions abans de decidir el seu futur acadèmic i professional. Una setmana diferent del mes de juliol. Així ha estat la primera...
La construcció d’habitatges a l’Anoia augmenta durant el 2025
L’Associació de Promotors de Catalunya (APCE) i CaixaBank han analitzat la situació del sector immobiliari al municipi i les possibilitats que ofereix a les empreses promotores i constructores de les comarques centrals, en la sessió immobiliària “Conjuntura...
Foment signa el Pacte Nacional per la Indústria 2026-2030 per reforçar la competitivitat del teixit productiu català
Foment del Treball ha participat en la signatura del Pacte Nacional per la Indústria 2026-2030, juntament amb el Govern de la Generalitat i els principals agents socials i econòmics del país. L’acord fixa el full de ruta de la política industrial catalana per als...
Manual de bones pràctiques en establiments de cara al públic
Us informem que el proper mes d’octubre, tècnics de la Diputació de Barcelona en col·laboració amb l’Agència Catalana de Consum visitaran els establiments de la ciutat que no compleixen la normativa en retolació i usos lingüístics, per informar-los sobre la Llei i...
Geopolítica i economia global: un escenari d’incertesa marcat pels conflictes i la competència entre potències
L'últim informe de geopolítica de Foment del Treball analitza un context internacional cada cop més complex, condicionat per les guerres d'Ucraïna i l'Orient Mitjà, la rivalitat estratègica entre els Estats Units i la Xina i els seus efectes sobre l'economia mundial....
La UEA es reuneix amb una delegació institucional d’Aksakovo per reforçar les relacions empresarials i internacionals
La Unió Empresarial de l’Anoia ha mantingut una trobada institucional amb una delegació del municipi búlgar d’Aksakovo amb l’objectiu d’explorar vies de col·laboració i establir nous ponts de connexió entre els dos territoris. La reunió s’emmarca en la voluntat de la...
La primera edició del Vespreig UEA Joves omple Can Macià amb Lluc Crusellas com a protagonista d’una vetllada dedicada al talent, la disciplina i l’emprenedoria
UEA Joves va celebrar aquest passat dijous dia 9 de juliol la primera edició del Vespreig UEA Joves, una nova iniciativa impulsada per la Unió Empresarial de l'Anoia que va reunir a Can Macià (Òdena) més d’una cinquantena de joves empresaris, directives, emprenedors i...
La UEA continua apropant la intel·ligència artificial a les empreses de l’Anoia
La Unió Empresarial de l’Anoia continua impulsant la transformació digital del teixit empresarial del territori amb noves accions formatives centrades en la intel·ligència artificial. En aquesta ocasió, el Centre d’Innovació de l’Anoia ha acollit la jornada «Com...
Finalitza amb èxit Ponts de futur: el projecte de formació industrial i d’acompanyament professional per joves nouvinguts
El programa, impulsat pel Consell Comarcal de l'Anoia i la Fundació UEA amb el suport de la Diputació de Barcelona, ha combinat formació tècnica, orientació laboral i contacte directe amb el teixit empresarial per afavorir la inserció sociolaboral dels joves. El...
Campus Motor Anoia, a Castellolí, és el nou centre adherit a l’Escola d’Oficis de la Fundació UEA
La xarxa de centres adherits a l’Escola d’Oficis vol apropar la formació professionalitzadora i els oficis arreu de la comarca. La Fundació UEA continua avançant amb la xarxa de Centres adherits a l'Escola d'Oficis amb l'objectiu de donar resposta a les necessitats...
La primera edició d’OficiXperience desperta l’interès dels joves pels oficis i les empreses del territori
Una iniciativa pionera de la Fundació UEA que ha permès a joves de 13 a 17 anys viure una experiència real dins les empreses i descobrir professions abans de decidir el seu futur acadèmic i professional. Una setmana diferent del mes de juliol. Així ha estat la primera...
Enfadar-se… és productiu?
La ira, la ràbia, l’enuig, són emocions que tenim més a mà, i que aquí englobarem sota el concepte de ràbia. I moltes vegades ens passa a la feina, amb el o la cap, amb un company o companya, amb un empleat, amb un client, amb un proveïdor. La ràbia és un estat que...
Formació contínua i orientació de qualitat, claus per ajustar oferta i demanda de talent
Entrevista a Lluís Font i Espinós, Director del Consorci per a la Formació Contínua de Catalunya - Com definiria avui la missió del Consorci per a la Formació Contínua de Catalunya en el context d’un mercat laboral en transformació constant? Oferir oportunitats...
La construcció d’habitatges a l’Anoia augmenta durant el 2025
L’Associació de Promotors de Catalunya (APCE) i CaixaBank han analitzat la situació del sector immobiliari al municipi i les possibilitats que ofereix a les empreses promotores i constructores de les comarques centrals, en la sessió immobiliària “Conjuntura...
Innovació, talent i olfacte: el model d’èxit de Fragrance Science
Els perfums no s’expliquen: es viuen i es recorden. Perquè una fragància no és només una composició química: és una forma de deixar empremta. Això ho sap molt bé el mestre perfumista, Toni Cabal, CEO també de Fragrance Science. Una de les fàbriques de perfums més...
La productivitat, clau per al futur econòmic de Catalunya: més valor afegit per garantir prosperitat i millors salaris
Catalunya afronta una dècada decisiva marcada per la digitalització, la intel·ligència artificial, la transició energètica i els canvis demogràfics. Davant aquest nou escenari, el gran repte ja no és només crear ocupació, sinó augmentar la productivitat per generar...
Foment signa el Pacte Nacional per la Indústria 2026-2030 per reforçar la competitivitat del teixit productiu català
Foment del Treball ha participat en la signatura del Pacte Nacional per la Indústria 2026-2030, juntament amb el Govern de la Generalitat i els principals agents socials i econòmics del país. L’acord fixa el full de ruta de la política industrial catalana per als...
Manual de bones pràctiques en establiments de cara al públic
Us informem que el proper mes d’octubre, tècnics de la Diputació de Barcelona en col·laboració amb l’Agència Catalana de Consum visitaran els establiments de la ciutat que no compleixen la normativa en retolació i usos lingüístics, per informar-los sobre la Llei i...