Hoja de estilos

Guía global de estilos

01. Paleta de colores

En esta parte de la guía de estilo, puede modificar cada color dentro de la configuración de fondo del módulo de texto. Use ese mismo código de color dentro del módulo de texto debajo para tener también una versión escrita del código de color. Utilice estos códigos de color dentro de su paleta de colores predeterminada de Divi Theme Builder después.

Negro

#191919

Rojo

#191919

Gris oscuro

#cbcace

Gris Suave

#f0eff5

Blanco

#ffffff

Amarillo

#ffa600

02. Estilos de texto

En la segunda parte de esta estructura alámbrica de la guía de estilo, puede diseñar sus diferentes tipos de texto. También se le proporciona una opción primaria, secundaria y terciaria, cada una de las cuales puede convertir luego en ajustes preestablecidos individuales.

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

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

Heading 5

 

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

Ver más
ver más
ver más

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

¡entérate de todo!

¡entérate de todo!

¡entérate de todo!

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.

Click Here

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.

Click Here

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.

Click Here

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.

Prueba

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.

Prueba

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

¿Cómo influye el tipo de calcetín en mi pisada?

¿Cómo influye el tipo de calcetín en mi pisada?

por | May 24, 2022 |

El tipo de calcetín que eliges puede tener un impacto significativo en tu pisada y, por lo tanto, en tu rendimiento deportivo y comodidad general. En ZIRETTI, entendemos la importancia de los calcetines técnicos adecuados para optimizar tu pisada y maximizar tu...

¿Es bueno correr con un calcetín sin puntera?

¿Es bueno correr con un calcetín sin puntera?

por | May 24, 2022 |

Correr con un calcetín sin puntera puede afectar significativamente tu experiencia de carrera y, lo que es más importante, tu comodidad y rendimiento. En ZIRETTI, como expertos en calcetines técnicos, recomendamos encarecidamente optar por...

¿Cómo influye el tipo de calcetín en mi pisada?

¿Cómo influye el tipo de calcetín en mi pisada?

por | May 24, 2022 |

El tipo de calcetín que eliges puede tener un impacto significativo en tu pisada y, por lo tanto, en tu rendimiento deportivo y comodidad general. En ZIRETTI, entendemos la importancia de los calcetines técnicos adecuados para optimizar tu pisada y maximizar tu...

¿Es bueno correr con un calcetín sin puntera?

¿Es bueno correr con un calcetín sin puntera?

por | May 24, 2022 |

Correr con un calcetín sin puntera puede afectar significativamente tu experiencia de carrera y, lo que es más importante, tu comodidad y rendimiento. En ZIRETTI, como expertos en calcetines técnicos, recomendamos encarecidamente optar por...

¿Cómo influye el tipo de calcetín en mi pisada?

¿Cómo influye el tipo de calcetín en mi pisada?

por | May 24, 2022 |

El tipo de calcetín que eliges puede tener un impacto significativo en tu pisada y, por lo tanto, en tu rendimiento deportivo y comodidad general. En ZIRETTI, entendemos la importancia de los calcetines técnicos adecuados para optimizar tu pisada y maximizar tu...

¿Es bueno correr con un calcetín sin puntera?

¿Es bueno correr con un calcetín sin puntera?

por | May 24, 2022 |

Correr con un calcetín sin puntera puede afectar significativamente tu experiencia de carrera y, lo que es más importante, tu comodidad y rendimiento. En ZIRETTI, como expertos en calcetines técnicos, recomendamos encarecidamente optar por...