Design System
llms.txt

Tipografía

Poppins para marca, Inter para el trabajo diario, Spline Sans Mono para los datos. Qué familia lleva un título depende del modo.

Tres familias con roles bien separados. La partición no es estética: equilibra identidad de marca con legibilidad en interfaces legales densas.

Poppins — display y marca

Poppins es la fuente del logotipo de Legalty. Geométrica, amable y rotunda, aporta carácter y calidez a titulares, portadas y momentos de marca. Su forma redondeada dialoga con el estilo rounded expresivo del sistema.

Se reserva a Display, H1–H4 y overlines destacados. No se usa en cuerpo largo ni en tablas: a tamaños pequeños su geometría resta legibilidad y densidad.

Qué familia lleva un título depende del modo

En modo Marketing los títulos son Poppins. En modo Operativo el título por defecto es Inter, porque ahí un título vive pegado a una cifra o a una cabecera de tabla, y la geometría redonda de Poppins hace que el título y el dato parezcan de dos productos distintos.

Eso no destierra a Poppins de la aplicación. Para el momento de marca que quiera existir detrás del login está --lg-font-brand, que es Poppins en todos los modos:

TokenQué esDepende del modo
--lg-font-brandPoppins, siempreNo
--lg-font-displayEl título por defecto — Poppins en marketing, Inter en operativo
--lg-font-sansCuerpo y UINo
--lg-font-monoDatos y metadatosNo

La diferencia es de defecto, no de permiso: el título corriente hereda Inter; el que quiere ser marca lo pide, y al pedirlo se nota que es una decisión.

Inter — cuerpo y UI

Inter es la voz de trabajo: párrafos, formularios, tablas, etiquetas y componentes de alta densidad. Neutra, altamente legible y profesional, sostiene la seriedad del producto donde más importa: la lectura de información legal.

Spline Sans Mono — datos y metadatos

Para importes, códigos de color, identificadores y overlines técnicos usamos Spline Sans Mono. Sus terminales ligeramente redondeadas armonizan con Poppins y le dan un carácter propio —lejos del monoespaciado genérico— sin perder precisión tabular.

Escala tipográfica

Base de 15px / 24px. Los niveles display llevan --lg-font-display —Poppins en marketing, Inter en operativo—; Inter del cuerpo hacia abajo; Spline Sans Mono en el overline. La escala de tamaños no cambia entre modos: cambia la familia.

display
clamp(40px,6vw,60px) · 600 · Poppins
Constituye tu empresa
h1
clamp(30px,4.4vw,40px) · 600 · Poppins
Constituye tu empresa
h2
28px · 600 · Poppins
Constituye tu empresa
h3
22px · 600 · Poppins
Constituye tu empresa
h4
18px · 600 · Poppins
Constituye tu empresa
body-l
17px · 400 · Inter
Constituye tu empresa
body
15px · 400 · Inter
Constituye tu empresa
small
13px · 400 · Inter
Constituye tu empresa
caption
12px · 500 · Inter
Constituye tu empresa
overline
11px · 500 · Spline Sans Mono
Constituye tu empresa
Hacer
Dejar que el modo elija la familia del título, y pedir --lg-font-brand solo cuando un título quiera ser marca.
Evitar
Poppins en párrafos largos, en celdas de tabla o en la cabecera de una vista operativa: pierde legibilidad y rompe la densidad.