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
No Results Found
The page you requested could not be found. Try refining your search, or use the navigation above to locate the post.
La UEA encara la tercera edició del Fòrum amb la transformació empresarial i social com a protagonistes
- L'acte tindrà lloc el proper diemcres dia 27 de març al Teatre Municipal l'Ateneu d'Igualada
Empreses de la comarca es formen a la UEA sobre com retenir talent
- Aquesta activitat s'ha emmarcat dins el cicle de Píndoles d'Estratègia Empresarial de la UEA
- La conferència va anar a càrrec de Ma Ángeles Tejada, directora general de Public Affairs de Randstad
Èxit d’assistència a Ciència és nom de dona per apropar el paper de la dona a empreses tecnològiques
- L'acte va ser impulsat per la comissió UEA Inquieta en motiu del Dia Internacional de la Dona
La UEA organitza una nova trobada amb empreses logístiques i de transport per conèixer les seves prioritats en matèria d’infraestructures
El desdoblament de la B224 i la C-15, i la connexió de la Ronda Sud amb Sant Genís, les reclamacions prioritàries dels empresaris anoiencs
Programa 30 PLUS
Programa 30 PLUS és un projecte que combina formació i inserció laboral de qualitat, i té per objectiu oferir una contractació temporal de sis mesos a nou mesos a persones d'entre 30 i 45 anys en situació d'atur. A banda del...
Programa 30 PLUS
El Programa 30 PLUS és un projecte que combina formació i inserció laboral de qualitat, i que té per objectiu oferit una contractació temporal remunerada de 6 a 9 mesos a empreses de la comarca de l'Anoia. Està adreçada...
Ciència és nom de dona, nou acte de la UEA inquieta per donar a conèixer el paper de la dona a les empreses tecnològiques
- L'acte se celebra en motiu del Dia Internacional de la Dona i es realitzarà el proper dimarts 5 de març a la seu de la Unió Empresarial de l'Anoia
Arriba una nova edició del cicle de píndoles d’Estratègia Empresarial de la UEA
La propera conferència anirà a càrrec de Ma Ángeles Tejada, directora general de Public Affairs de Randstad, i girarà al voltant del talent de les persones
Necessites un operari? 13 professionals del metall
Dins el projecte per la promoció del metall ReinMET, informar-vos que les 15 persones participants estan acabant la seva formació en el sector metal·lúrgic i a l'abril començarem les pràctiques, per això us contactem...
La UEA internacional celebra un taller per donar a conèixer quins són els errors d’internacionalització de les empreses
Des de la comissió de treball UEA internacional s’acompanya i s’ajuda a les empreses de l’Anoia que volen obrir-se a mercats estrangers
Sessió de treball pel disseny circular en el marc d’IDEA 2019
- Disseny=igualada, la Unió Empresarial de l'Anoia i Disseny Marked col·laboren per apropar el disseny al sector industrial
- L'activitat d'IDEA ha estat dedicada al disseny circular.
La UEA dona a conèixer les eines per a les empreses per facilitar la implantació dels plans d’igualtat
L’objectiu de la jornada va ser exposar les obligacions de les empreses en matèria d’igualtat, així com donar les eines a les empreses per a la facilitat i la promoció de la igualtat de gènere
Empreses del metall de la comarca es reuneixen per debatre sobre l’estratègia empresarial
Aquesta jornada va comptar amb la presència de dues empreses referents del sector metal·lúrgic: Calaf Grup i Ficosa
La Unió Empresarial de l’Anoia encara el 2020 amb la voluntat de seguir sumant
Aquest dijous al vespre ha tingut la Recepció de Nadal amb els socis i sòcies i col·laboradors públics i privats de l’entitat
Joan Domènech és reelegit nou president de la Unió Empresarial de l’Anoia
- La Junta Directiva de l'entitat estarà formada per un equip de 14 persones
Departaments de recursos humans d’empreses de l’Anoia es reuneixen amb la UEA per convertir la comarca en capital del talent
Aquesta jornada ha comptat amb els i les responsables de recursos humans d'empreses provinents del sector del metall, el transport, les arts gràfiques, el packaging, l'electrònica, les telecomunicacions i la sanitat
Una cinquantena d’empreses s’adhereixen a les accions de la UEA dins la Setmana Europea de la Prevenció de Residus
Aquestes accions permeten millorar l'estratègia i impacte ambiental de les empreses
Més de 130 “inquietes” trenquen sostres de ciment i de vidre al IV Meeting de la UEA
El IV Meeting UEA inquieta ha comptat amb la ponència de la prestigiosa professora de l'IESE Business School, Nuria Chinchilla
El Prepara’t Jove tanca la seva 4a edició posant el focus a l’actitud, les competències i el talent
L’objectiu del Prepara’t Jove és el d’acostar als joves la realitat empresarial del territori, així com promoure la reflexió sobre el seu futur professional
La UEA presenta accions per facilitar a les empreses com millorar els seus impactes ambientals
Una de les accions és la presentació d'un manual de bones pràctiques en l'àmbit de la prevenció de residus en l'entorn empresarial, i per l'altra, la dotació de contenidors per a les empreses de l'Anoia, amb la col·laboració del Centre de Gestió Mediambiental
Aquestes accions s'emmarquen en la Setmana Europea de la Prevenció de Residus