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.
Primary
Secondary
Tertiary
Heading 1
Heading 1
Título 1 con css
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
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
Domina YouTube Ads: Mejores Prácticas para Maximizar tu Estrategia
En el vertiginoso mundo digital, YouTube Ads se ha convertido en una herramienta fundamental para cualquier negocio que busque captar la atención de su audiencia. No importa si eres una startup en pleno crecimiento o una marca consolidada, entender cómo sacarle el...
Consejos para Crear Anuncios de Búsqueda Atractivos: Haz que tu Mensaje Destaque
En la jungla digital en la que vivimos hoy, destacar en medio de la multitud puede ser una tarea hercúlea. No basta con aparecer en las búsquedas; necesitas captar la atención de un usuario que tiene literalmente millones de opciones a su disposición. ¿La solución?...
Anuncio Creativo: 18 Factores que Impactan en los Resultados de la Publicidad en Facebook
Contenido 1. Introducción 2. Impacto del Componente Creativo en la Publicidad en Facebook 3. La Importancia de una Imagen Atractiva 4. La Diversidad de las Imágenes y su Impacto 5. Colores: ¿Brillantes u Oscuros? 6. Profesionalidad vs. Generación de Usuarios 7. La...
Presupuesto de Campaña: El impacto del presupuesto en la optimización de Meta Ads
Contenido 1. Introducción 2. El Impacto del Presupuesto en los Resultados de Anuncios de Facebook 3. La Importancia del Presupuesto en la Optimización 4. Encontrando el Equilibrio en tu Presupuesto 5. Considerando el Tamaño de la Audiencia 6. El Tamaño de Muestra...
¡Desmitificando el Impacto de la Frecuencia de Anuncios en Facebook!
¿Has sentido alguna vez que ciertos anuncios en Facebook te persiguen como un viejo amigo que no puede dejar de saludarte? Bueno, no estás solo en esto. Esa sensación tiene un nombre: frecuencia de anuncios. En este emocionante viaje, vamos a adentrarnos en el mundo...
El Impacto Silencioso del Dark Social en las Compras B2B
La era digital ha revolucionado la forma en que hacemos compras, ¡y el mundo B2B no se queda atrás! Si bien antes nos podíamos imaginar a vendedores telefónicos inundando nuestros auriculares con sus ofertas imposibles de rechazar, las tornas han cambiado. En 2024,...
Desbloqueando el Potencial del Dark Social: Estrategias para Captar Compradores B2B en 2024
En el cambiante paisaje de compras B2B en 2024, una premisa fundamental ha emergido: los compradores ya no desean ser inundados con llamadas de ventas no solicitadas. Han asumido el control de su proceso de toma de decisiones y buscan identificar necesidades por sí...
Escala el potencial de tu negocio con una agencia de Facebook Ads
¿Quieres llevar tu negocio al siguiente nivel? ¡Entonces necesitas una agencia de Facebook Ads! En un mundo cada vez más digital, aprovechar el potencial de las redes sociales se ha convertido en una necesidad para cualquier empresa que busque crecer. Facebook es una...
Descubre los Tipos de Campañas de Meta Ads para Impulsar tu Negocio
En el vertiginoso mundo del marketing digital, la capacidad de segmentar y llegar a tu audiencia ideal es crucial para el éxito. Meta Ads, la plataforma publicitaria de Meta (anteriormente conocida como Facebook), ofrece una variedad de tipos de campañas que pueden...
¿Cuál es Mejor para una Pequeña Empresa, Google Ads o Meta Ads?
En el mundo del marketing digital, las pequeñas empresas enfrentan el desafío de elegir las mejores estrategias para maximizar su presencia en línea y alcanzar a sus clientes potenciales. Una pregunta común es: ¿Cuál es mejor para una pequeña empresa, Google Ads o...
Domina YouTube Ads: Mejores Prácticas para Maximizar tu Estrategia
En el vertiginoso mundo digital, YouTube Ads se ha convertido en una herramienta fundamental para cualquier negocio que busque captar la atención de su audiencia. No importa si eres una startup en pleno crecimiento o una marca consolidada, entender cómo sacarle el...
Consejos para Crear Anuncios de Búsqueda Atractivos: Haz que tu Mensaje Destaque
En la jungla digital en la que vivimos hoy, destacar en medio de la multitud puede ser una tarea hercúlea. No basta con aparecer en las búsquedas; necesitas captar la atención de un usuario que tiene literalmente millones de opciones a su disposición. ¿La solución?...
Anuncio Creativo: 18 Factores que Impactan en los Resultados de la Publicidad en Facebook
Contenido 1. Introducción 2. Impacto del Componente Creativo en la Publicidad en Facebook 3. La Importancia de una Imagen Atractiva 4. La Diversidad de las Imágenes y su Impacto 5. Colores: ¿Brillantes u Oscuros? 6. Profesionalidad vs. Generación de Usuarios 7. La...
Presupuesto de Campaña: El impacto del presupuesto en la optimización de Meta Ads
Contenido 1. Introducción 2. El Impacto del Presupuesto en los Resultados de Anuncios de Facebook 3. La Importancia del Presupuesto en la Optimización 4. Encontrando el Equilibrio en tu Presupuesto 5. Considerando el Tamaño de la Audiencia 6. El Tamaño de Muestra...
¡Desmitificando el Impacto de la Frecuencia de Anuncios en Facebook!
¿Has sentido alguna vez que ciertos anuncios en Facebook te persiguen como un viejo amigo que no puede dejar de saludarte? Bueno, no estás solo en esto. Esa sensación tiene un nombre: frecuencia de anuncios. En este emocionante viaje, vamos a adentrarnos en el mundo...
El Impacto Silencioso del Dark Social en las Compras B2B
La era digital ha revolucionado la forma en que hacemos compras, ¡y el mundo B2B no se queda atrás! Si bien antes nos podíamos imaginar a vendedores telefónicos inundando nuestros auriculares con sus ofertas imposibles de rechazar, las tornas han cambiado. En 2024,...
Desbloqueando el Potencial del Dark Social: Estrategias para Captar Compradores B2B en 2024
En el cambiante paisaje de compras B2B en 2024, una premisa fundamental ha emergido: los compradores ya no desean ser inundados con llamadas de ventas no solicitadas. Han asumido el control de su proceso de toma de decisiones y buscan identificar necesidades por sí...
Escala el potencial de tu negocio con una agencia de Facebook Ads
¿Quieres llevar tu negocio al siguiente nivel? ¡Entonces necesitas una agencia de Facebook Ads! En un mundo cada vez más digital, aprovechar el potencial de las redes sociales se ha convertido en una necesidad para cualquier empresa que busque crecer. Facebook es una...
Descubre los Tipos de Campañas de Meta Ads para Impulsar tu Negocio
En el vertiginoso mundo del marketing digital, la capacidad de segmentar y llegar a tu audiencia ideal es crucial para el éxito. Meta Ads, la plataforma publicitaria de Meta (anteriormente conocida como Facebook), ofrece una variedad de tipos de campañas que pueden...
¿Cuál es Mejor para una Pequeña Empresa, Google Ads o Meta Ads?
En el mundo del marketing digital, las pequeñas empresas enfrentan el desafío de elegir las mejores estrategias para maximizar su presencia en línea y alcanzar a sus clientes potenciales. Una pregunta común es: ¿Cuál es mejor para una pequeña empresa, Google Ads o...
Domina YouTube Ads: Mejores Prácticas para Maximizar tu Estrategia
En el vertiginoso mundo digital, YouTube Ads se ha convertido en una herramienta fundamental para cualquier negocio que busque captar la atención de su audiencia. No importa si eres una startup en pleno crecimiento o una marca consolidada, entender cómo sacarle el...
Consejos para Crear Anuncios de Búsqueda Atractivos: Haz que tu Mensaje Destaque
En la jungla digital en la que vivimos hoy, destacar en medio de la multitud puede ser una tarea hercúlea. No basta con aparecer en las búsquedas; necesitas captar la atención de un usuario que tiene literalmente millones de opciones a su disposición. ¿La solución?...
Anuncio Creativo: 18 Factores que Impactan en los Resultados de la Publicidad en Facebook
Contenido 1. Introducción 2. Impacto del Componente Creativo en la Publicidad en Facebook 3. La Importancia de una Imagen Atractiva 4. La Diversidad de las Imágenes y su Impacto 5. Colores: ¿Brillantes u Oscuros? 6. Profesionalidad vs. Generación de Usuarios 7. La...
Presupuesto de Campaña: El impacto del presupuesto en la optimización de Meta Ads
Contenido 1. Introducción 2. El Impacto del Presupuesto en los Resultados de Anuncios de Facebook 3. La Importancia del Presupuesto en la Optimización 4. Encontrando el Equilibrio en tu Presupuesto 5. Considerando el Tamaño de la Audiencia 6. El Tamaño de Muestra...
¡Desmitificando el Impacto de la Frecuencia de Anuncios en Facebook!
¿Has sentido alguna vez que ciertos anuncios en Facebook te persiguen como un viejo amigo que no puede dejar de saludarte? Bueno, no estás solo en esto. Esa sensación tiene un nombre: frecuencia de anuncios. En este emocionante viaje, vamos a adentrarnos en el mundo...
El Impacto Silencioso del Dark Social en las Compras B2B
La era digital ha revolucionado la forma en que hacemos compras, ¡y el mundo B2B no se queda atrás! Si bien antes nos podíamos imaginar a vendedores telefónicos inundando nuestros auriculares con sus ofertas imposibles de rechazar, las tornas han cambiado. En 2024,...
Desbloqueando el Potencial del Dark Social: Estrategias para Captar Compradores B2B en 2024
En el cambiante paisaje de compras B2B en 2024, una premisa fundamental ha emergido: los compradores ya no desean ser inundados con llamadas de ventas no solicitadas. Han asumido el control de su proceso de toma de decisiones y buscan identificar necesidades por sí...
Escala el potencial de tu negocio con una agencia de Facebook Ads
¿Quieres llevar tu negocio al siguiente nivel? ¡Entonces necesitas una agencia de Facebook Ads! En un mundo cada vez más digital, aprovechar el potencial de las redes sociales se ha convertido en una necesidad para cualquier empresa que busque crecer. Facebook es una...
Descubre los Tipos de Campañas de Meta Ads para Impulsar tu Negocio
En el vertiginoso mundo del marketing digital, la capacidad de segmentar y llegar a tu audiencia ideal es crucial para el éxito. Meta Ads, la plataforma publicitaria de Meta (anteriormente conocida como Facebook), ofrece una variedad de tipos de campañas que pueden...
¿Cuál es Mejor para una Pequeña Empresa, Google Ads o Meta Ads?
En el mundo del marketing digital, las pequeñas empresas enfrentan el desafío de elegir las mejores estrategias para maximizar su presencia en línea y alcanzar a sus clientes potenciales. Una pregunta común es: ¿Cuál es mejor para una pequeña empresa, Google Ads o...