---
id: estilos-texto-figma
status: proposed
kind: fix
sprint: 5                        # pestaña "Sprint Nueva Arquitectura" del sheet de arquitectura

target:
  block: tokens
  based_on: tailwind-built.css
  see: https://institucioneducativaseki5.sg-host.com/curso-escolar-sek-alboran/

evidence:
  used_in:
    - output/pages/sek-schools/educacion-infantil.html
  figma: "4:1459, 1714:54387, 1710:52370"

fields: []

tokens: [Heading/Desktop/H2, Heading/Desktop/H3, Heading/Desktop/H4, Overtitle/Md, Overtitle/Sm, Body/Lg, Body/Md, Body/Xs, Action/Lg]

behaviour:
  - Todos los estilos usan **Encode Sans Semi Expanded**
  - Heading H2 · 48 · 1,3 · −2 % · Medium (mobile 32)
  - Heading H3 · 32 · **1,2** · −2 % · Medium
  - Heading H4 · 24 · **1,2** · −2 % · Medium
  - Overtitle/Md · 16 · **1,3** · **+2 %** · Regular
  - Overtitle/Sm · 14 · 1,3 · 0 · Medium
  - Body Lg / Md / Xs · 18 / 16 / 14 · **1,4** · **0** · Regular
  - Action/Lg · 18 · 1,2 · +0,5 · Medium

accept:
  - El overtitle sale con tracking **positivo**: es el rasgo que lo distingue del cuerpo
  - Ningún texto de cuerpo lleva tracking negativo
  - Los titulares de 24 y 32 respiran 1,2, no 1,3

built:
  branch:
  commit:
  notes:
---

# Los estilos de texto, contra Figma

Cotejado el set publicado con las variables de Figma. Tres desviaciones, todas del theme:

| Estilo | Figma | Theme |
|---|---|---|
| **Overtitle/Md** | 1,3 · **+2 %** | 1,6 · **−2 %** |
| **Heading H3 y H4** | **1,2** | 1,3 |
| **Body (todos)** | 1,4 · 0 | 1,5 · −2 % |

La del overtitle es la que más se nota: el tracking va **al revés**. En Figma se abre —es lo que
le da el aire de antetítulo— y en el theme se cierra como si fuera cuerpo.

En la maqueta se corrigen con reglas sobre las clases del sistema, así que las siete páginas ya
salen con los valores de Figma. En el theme el arreglo va **en la definición de los estilos**,
no bloque a bloque.