Tipografía

Familias tipográficas, escala tipográfica y reglas de uso del texto en los sistemas institucionales.

Familias tipográficas

Se definen tres familias tipográficas, expuestas como tokens en colors_and_type.css:

Token	Familia	Fallbacks	Uso
`--font-display`	Prompt	Inter → Roboto → system-ui	Títulos, encabezados y elementos de alto impacto visual
`--font-body`	Prompt	Inter → Roboto → system-ui	Cuerpo de texto, formularios y contenido de lectura extensa
`--font-mono`	NovaMono	JetBrains Mono → ui-monospace	Fragmentos de código, datos técnicos y metadatos

Display y cuerpo comparten la familia Prompt para mantener una voz tipográfica única; la diferenciación se logra mediante peso, tamaño e interlineado, no cambiando de fuente. Las fuentes locales se distribuyen dentro del skill unach-design-system.

Pesos e interlineado

Token	Valor	Uso
`--fw-light`	300	Textos grandes de bajo énfasis
`--fw-regular`	400	Cuerpo de texto
`--fw-medium`	500	H4–H5, etiquetas
`--fw-semibold`	600	H1–H3, titulares
`--fw-bold`	700	Énfasis puntual

Token	Valor	Uso
`--lh-tight`	1.2	Titulares (H1–H2)
`--lh-snug`	1.35	H3–H5 y etiquetas
`--lh-normal`	1.5	Cuerpo de texto (mínimo obligatorio)
`--lh-relaxed`	1.65	Lectura extensa

Escala tipográfica

Token	Familia	Tamaño	Peso	Uso
`--fs-h1`	Prompt	40px	600	Título de página o sección principal
`--fs-h2`	Prompt	34px	600	Título de sección
`--fs-h3`	Prompt	28px	600	Encabezados de tarjetas, formularios
`--fs-h4`	Prompt	24px	500	Encabezados de tarjetas, formularios
`--fs-h5`	Prompt	20px	500	Encabezados de tarjetas, formularios
`--fs-b1`	Prompt	16px	400	Texto de cuerpo principal
`--fs-b2`	Prompt	14px	400	Descripciones, ayudas contextuales
`--fs-b3`	Prompt	12px	500	Etiquetas de formulario
`--fs-b4`	Prompt	10px	400	Notas al pie, textos auxiliares
`--fs-b5`	NovaMono	8px	400	Fragmentos de código, datos técnicos

Muestra viva de cada nivel (tipografía Prompt):

H1 · 40px

Universidad Adventista de Chile

H2 · 34px

Universidad Adventista de Chile

H3 · 28px

Universidad Adventista de Chile

H4 · 24px

Universidad Adventista de Chile

H5 · 20px

Universidad Adventista de Chile

B1 · 16px · cuerpo

Texto de cuerpo principal para lectura extensa en formularios y contenido.

B2 · 14px

Descripciones y ayudas contextuales en la interfaz.

B3 · 12px

Etiquetas de formulario y metadatos.

B4 · 10px

Notas al pie y textos auxiliares.

B5 · 8px · mono

Fragmentos de código y datos técnicos.

Reglas tipográficas

No usar más de 2 familias tipográficas distintas en una misma pantalla.
El interlineado (line-height) mínimo para cuerpo de texto es 1.5.
El ancho máximo de columna de texto es de 75 caracteres (--measure-max: 75ch) para mantener la legibilidad.
No usar texto justificado en interfaces de usuario; usar alineación a la izquierda.
El texto sobre imágenes siempre debe contar con un overlay o fondo que garantice contraste.