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

by Sergi Gil, fundador de l'empresa Engimatica SL, sobre la ciberseguretat i els ciberatacs

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

Text linked anywhere

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

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

9 + 13 =

15 + 7 =

7 + 4 =

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

No Results Found

The page you requested could not be found. Try refining your search, or use the navigation above to locate the post.

Torna la “Química a l’Escola”

Torna la “Química a l’Escola”

Des d'aquest curs acadèmic 2022-2023, el concurs "Química a l'Escola" passa a ser un projecte de la Fundació UEA, encapçalat per la sectorial UEA Química, amb l'objectiu de poder donar més impuls i poder assolir els objectius i poder assolir els objectius que té que...

Creix en un 5,8% el Valor Afegit de l’Anoia al 2021

Creix en un 5,8% el Valor Afegit de l’Anoia al 2021

Aquest passat 2021, la comarca de l’Anoia ha experimentat un augment del Valor Afegit Brut (VAB), situant-se en la mateixa tònica que la mitjana catalana. Segons l’Anuari Comarcal 2022 del BBVA, a l’Anoia, l’augment del VAB al 2021 fou prou intens (+5,8%),  però...

Breu pujada de l’atur a l’Anoia

Breu pujada de l’atur a l’Anoia

La comarca de l’Anoia experimenta un lleuger augment del nombre d’aturats en tots els sectors d’activitat, excepte en el sector construcció i serveis, en relació a les dades del mes d’agost. En aquest sentit, segons les dades més recents de l’informe Pacte d’Acció...

La UEA, membre del Jurat del 43è Premi Guillem Catà

La UEA, membre del Jurat del 43è Premi Guillem Catà

El passat 1 de desembre de 2022, la Sala Sert de l'edifici El Sucre de Vic va acollir l'acte de lliurament del 43è Premi Guillem Catà dels Enginyers Industrials de la Catalunya Central. En l'edició d'enguany, l'empresa guardonada va ser l'osonenca Tesem, de Torelló....

Les 25 empreses de l’Anoia que més ingressos generen

Les 25 empreses de l’Anoia que més ingressos generen

A continuació, el llistat d'empreses amb seu a la comarca segons ingressos d'explotació (informació del darrer any disponible) Font: Informe trimestral del teixit empresarial i mercat del treball -3r trimestre 2022 de la Cambra de Barcelona (Anoia) que recull el SABI...

Aquest any, esquiar amb la UEA té descompte!

Aquest any, esquiar amb la UEA té descompte!

Les empreses associades a la Unió Empresarial de l’Anoia disposen d’un codi de descompte exclusiu per a fer arribar als seus equips per poder gaudir de fins a un 20% de descompte en els forfaits d’esqui durant la temporada d’hivern i de fins a un 40% de descompte per...

Anoia, patrimoni industrial – “La igualadina cotonera”

Anoia, patrimoni industrial – “La igualadina cotonera”

L'Anoia és vestigi i testimoni del seu passat industrial, territori i essència d'un imponent patrimoni industrial de llarga i reconeguda tradició, que avui dia reflecteix el que vàrem ser, el que som i el que ens projecta el futur. Des de la Unió Empresarial de...

Obligació de registre en el Registre de Productors de Producte

Obligació de registre en el Registre de Productors de Producte

Origen de l’obligació El  passat 28 de desembre de 2022 es va publicar al  BOE el nou Reial Decret 1055/2022 d'envasos i residus d'envasos, que inclou l'obligació de la Responsabilitat Ampliada del Productor per als envasos industrials i comercials, així com altres...