Todo lo de esta página sale de un solo bloque :root al inicio de
styles.css. No hay otra fuente: cambias un valor ahí y se mueve el sitio entero
y esta página al mismo tiempo, porque son lo mismo.
styles.css y busca :root{ — está en las primeras líneas.--brand:#99152E.La paleta base. --ink es el texto, --gold la marca, --line los bordes.
Cada disciplina define --dc, que alimenta el punto del chip y el degradado que queda bajo la foto.
Muestras reales del sitio. Cada fila lee los estilos computados: familia, tamaño, peso, alto de línea, tracking y mayúsculas.
Tokens disponibles para ajustar la escala tipográfica completa.
Cada disciplina tiene su propia paleta de cuatro tonos, tal cual vienen impresos en el deck
de rebranding. No es un color de acento por disciplina: es un mundo, y es la idea que
sostiene el rebranding. Cuál de los cuatro es el color de firma cambia según la
disciplina —el deck no los ordena de claro a oscuro—, así que --dc se
fija a mano por universo y es lo que ya usaban las tarjetas y los degradados.
El quinto tono no viene del deck: es --u-ink, el color de firma oscurecido
para texto chico. Barre y Pilates Mat son demasiado claros para leerse (2.6:1 y 3.0:1
sobre blanco), así que los epígrafes y las etiquetas usan esta versión, que pasa 4.5:1
en las seis sin perder el matiz. Para fondos, bordes y áreas grandes se sigue usando
--dc tal cual.
Títulos. Geométrica pesada: peso 700 y tracking cerrado, como en la guía. Va en h1, h2, portadas, pilares y cifras grandes.
Subtítulos y acentos. La cursiva es la que destaca palabras dentro de un titular. Corre chica y fina, así que sube a peso 600 y un 8% de tamaño donde lleva texto.
Interfaz y cuerpo. Real en Mac, iPhone y iPad; Figtree, la más cercana y libre, en Windows y Android. Es la única que no se puede autoalojar.
El titular en League Spartan y la palabra clave en
la cursiva de Cormorant, en dorado. Doble contraste — de familia y de color — dentro de
una sola línea. Se escribe con <em> dentro del título.
Ver Añadir al calendario cuando la acción no es la principal, no necesita contenedor
Cada una tiene su esquina asignada, para que nunca se encimen.
Clase en 16:10; compilación en 4:5. La forma sola ya dice cuál es cuál.