Los colores principales están definidos como swatches dentro del panel de colores de Webflow. Modifícalos para definir tu propia paleta de colores. Para los diferentes matices tendrás que modificarlos manualmente: corresponden a distintos valores de opacidad del color principal.

Añade todas las tipografías que vayas a utilizar en el proyecto. En este ejemplo, tipografías negrita e itálica se consiguen con las clases globales definidas en "Formatos de texto".

Estos colores de texto corresponden a los colores principales del apartado anterior. Si has cambiado los swatches correctamente, esta sección ya debería estar actualizada con tus colores.

Definir los estilos directamente en las etiquetas H es una práctica muy habitual, pero esto puede llevar a clases extra cuando queremos tener etiquetas H de un mismo nivel con diferentes tamaños. Con esta sistema de clases para el texto, podemos definir el tamaño independientemente del nivel de la etiqueta H. Es decir, podemos tener dos etiquetas <h2>, que por jerarquía de contenidos tienen que ser <h2> pero por diseño necesitan tener distinto tamaño. Y también nos sirve para otros textos dentro de nuestra web, no solo titulares. Puedes utilizar </h2></h2>modularscale.com para definir tu escala de tamaños.

Aquí puedes definir los diferentes estilos que quieras dar a tus textos. Estos son algunos ejemplos básicos. Este tipo de estilos funcionan muy bien en elementos <span> que sea crean dentro de un párrafo o bloque de texto.</span>