Banco de tareas
DIS-002DiseñoImportante
Fijar una escala tipográfica de titulares y aplicarla en todas las páginas
- Dificultad
- Media
- Estimación
- 1d
- Estado
- Abierta
- Habilidades
- csstailwindtipografía
Zona sensible. Toca permisos, datos personales, el mapa, secretos o la identidad de marca. Necesita revisión de la titular y conviene haber completado alguna tarea antes.
Contexto
El h1 mide entre 38 y 54 px en móvil según la página y hay 16 tamaños distintos de h2. lectura/Cabecera.tsx ya resuelve 9 páginas, pero el resto se hace sus propios titulares. Sin una escala, cada pantalla nueva añade otro tamaño.
Qué hacer
- Define 4 clases en globals.css:
titular-portada,titular-pagina,titular-seccion,titular-bloque, con tamaño móvil y escritorio, interlineado y tracking (mínimo -0.04em, máximo 6rem). - Sustituye los
text-[Xrem]de h1 y h2 por esas clases. - Documenta la escala en DESIGN.md y en /disenio si ya existe.
Criterios de aceptación
Como mucho 4 tamaños de titular en móvil (medidos con Playwright en las rutas principales)
grep -rE '<h[12][^>]*text-\[' srcno devuelve resultados salvo excepciones comentadasLas capturas de
npm run e2eno muestran desbordes nuevos a 390 pxAprobado por la titular (toca tipografía)
¿Te la quedas?
- 1. Haz un fork y crea la rama
tarea/DIS-002-fijar-una-escala-tipografica-de-titulare. - 2. En tareas/diseno/DIS-002-fijar-una-escala-tipografica-de-titulares-y-apli.md, cambia la cabecera:
estado: reservada asignada: tu_usuario_de_github
- 3. Abre un PR con ese cambio (commit firmado:
git commit -s). Al fusionarse, es tuya durante 14 días.