Gestiona la apariencia de todo el sitio web desde nuestra guía de estilo. El estilo y los componentes utilizados en el sitio se documentan aquí, y cualquier cambio realizado será visible de inmediato en todas las páginas.
Los colores primarios y los tonos de gris del sitio web se administran a través de la función Variable de Webflow.
Primaria 01
Primaria 02
Primaria 03
Primaria 04
Secundaria 01
Secundaria 02
Gris 01
Gris 02
blanco
Hay una variedad de estilos de botones disponibles en todo el sitio web.
Estilos para etiquetas de encabezado HTML (H1-H6).
Las clases de encabezado se crean para que coincidan con el estilo de diseño y se apliquen a diferentes etiquetas de encabezado. Esto garantiza que el estilo de las etiquetas de encabezado que se ven bien en el diseño coincida con las etiquetas de encabezado recomendadas para el SEO. Por ejemplo, para el encabezado de la página usas la etiqueta H1 pero quieres un estilo (tamaño de fuente, etc.) de H2. Si utilizas la clase «Encabezado H2" en la etiqueta H1, obtendrás el estilo de un encabezado H2 y, al mismo tiempo, conservarás la etiqueta H1 para fines de SEO. De esta forma, se pueden lograr tanto un diseño visualmente atractivo como buenas prácticas de SEO.
Hay diferentes tamaños de párrafos y estilos de texto disponibles.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Enean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Enean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Enean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Estilo para elementos en línea comunes.
Suspendise varius enim in resaltar eros elementum tristique.
Suspense varius enim resaltando eros elementum tristique.
Suspense varius enim resaltando eros elementum tristique.
Suspense varius enim resaltando eros elementum tristique.
Suspense varius enim resaltando eros elementum tristique.
Los estilos de alineación de texto están disponibles para realinear el texto con los componentes.
Texto a la izquierda: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Centro de texto: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Texto a la derecha: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Estilo para citas en bloque.
Esta es una cita en bloque. Lorem Comfort llegó a ser gay, tal vez cámara, sus seis restan además de sumar. El periódico Moonlight aumenta su disfrute, según sea agradable. Compartir voz cronometrado lo llevó a ensancharse como joven ruidoso. En las bodas creía reír aunque el material hace el ejercicio de. Se le ofreció un intento civilmente, así que sentado también. De aceptación, la insipidez es notablemente una invitación.
Estilo para listas ordenadas, listas desordenadas y listas sin estilo.
El elemento de texto enriquecido (RTE) se usa para crear contenido de formato largo. Para un estilo avanzado, puedes Obtenga más información aquí
El elemento de texto enriquecido le permite crear y formatear encabezados, párrafos, comillas, imágenes y vídeos en un solo lugar en lugar de tener que añadirlos y formatearlos individualmente. Solo tienes que hacer doble clic y crear contenido fácilmente.
Un elemento de texto enriquecido se puede usar con contenido estático o dinámico. Para el contenido estático, basta con colocarlo en cualquier página y empezar a editarlo. Para contenido dinámico, añade un campo de texto enriquecido a cualquier colección y, a continuación, conecta un elemento de texto enriquecido a ese campo en el panel de ajustes. ¡Voilá!
Los encabezados, los párrafos, las comillas en bloque, las figuras, las imágenes y los títulos de las figuras se pueden diseñar después de añadir una clase al elemento de texto enriquecido mediante el sistema de selección anidado «Cuando esté dentro de».
Los encabezados, los párrafos, las comillas en bloque, las figuras, las imágenes y los títulos de las figuras se pueden diseñar después de añadir una clase al elemento de texto enriquecido mediante el sistema de selección anidado «Cuando esté dentro de».
Un estilo general para los elementos del formulario.
Diferentes tipos de anchos de contenedor.
Para dar a las secciones más espacio para respirar y mantener el espaciado de todas las secciones por igual. En respuesta, el espaciado se reducirá.
Las clases de margen auxiliares están disponibles para agregar un margen entre los elementos y mantener los valores de espaciado consistentes y unificados en todo el sitio.
