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 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.