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

#2e2e2e

Gris

#545555

Naranja oscuro

#c56900

Naranja medio

#e59248

Naranja claro

#f2d69c

Violeta

#a46497

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

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

Su título va aquí

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.

Contact form

Contacta con nosotros

Contacta con nosotros

Contacta con nosotros

Image

Call to action

¿Necesitas ayuda, asesoramiento o formación para renaturalizar o transformar tu patio?

Si necesitas algo especifico fabricamos y diseñoamos espacios y materiales a medida para favorecer el bienestar y el aprendizaje.
¡Solicitanosló sin compromiso!

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.

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

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.

Blog

¿Por qué el equilibrio es clave en el desarrollo del niñ@?

¿Por qué el equilibrio es clave en el desarrollo del niñ@?

Uno de nuestros valores, desde que comenzamos nuestra andadura en el mundo de la infancia, es el de ofrecer materiales que apoyen el desarrollo evolutivo del niñ@ en cada momento y de una manera respetuosa. Una de las habilidades necesarias y mas importantes que...

Semicírculo Arcoiris – Instrucciones de Montaje y Uso

Este es un elemento con múltiples funcionalidades dependiendo de la posición en que lo coloquemos: trepar, balancearse, trabajar el equilibrio de pie (en modo balancín), juego simbólico (escaparate de tienda), hamaca,.. Este elemento acompaña al niño desde que es bebe...

Torre de Aprendizaje – Instrucciones de montaje y uso

Elemento que hace posible el acceso a los mas pequeños al banco de cocina u otros espacios de la casa que por la altura no son accesibles a los mas pequeños/as. Tiene varias alturas para ir adaptando la torre según crecen nuestros peques. Cuando termines de usarla...

Los ritmos en el juego, creando espacios únicos

Los ritmos en el juego, creando espacios únicos

A los niños y niñas, especialmente si sus edades son tempranas, les resultan de ayuda las rutinas y los ritmos, lo mismo cuando hablamos de los ritmos y rutinas durante el juego. A lo largo del día es conveniente que el niño/a tenga momentos de juego al aire libre...

La importancia de los procesos para el desarrollo cognitivo del niñ@

La importancia de los procesos para el desarrollo cognitivo del niñ@

Cierto es que vivimos en una cultura del ranking, de la consecución de resultados, del poseer, donde se premia y reconoce a aquel que gana, que obtiene más y mejores puntuaciones, incluso quien tiene más bienes materiales. En nuestra opinión no es lo mejor para el...

Torre de aprendizaje, poniendo todo un mundo al alcance de sus manos

Torre de aprendizaje, poniendo todo un mundo al alcance de sus manos

Una torre de aprendizaje es un mueble que ofrece al niño/a autonomía ya que le permite llegar físicamente a espacios que en el hogar están diseñados a medida del adulto, como la cocina, baño,… Trabajar la autonomía del niño/a además de ofrecerle libertad de ejecución...

Mesa Sensorial, toda una experiencia!

Mesa Sensorial, toda una experiencia!

Las mesas sensoriales están cada vez más extendidas, son cada vez más los padres, madres, pedagogías, espacios de juego, …. quienes les hacen un hueco y las integran en la dinámica diaria del juego del niño/a. Nosotros siempre defendemos que la estimulación sensorial...

Nuestra particular celebración del Adviento

Nuestra particular celebración del Adviento

Este año nuestra hija tiene 2 años y medio en esta época del año, y ya es mucho más consciente de las tradiciones que le rodean. Por eso hemos querido incorporar en nuestras rutinas del año la celebración del Adviento. ¿Cómo se celebra el Adviento en nuestra casa? El...

0