Design System
llms.txt

Tipografía

Poppins para marca y titulares, Inter para cuerpo y datos densos, Spline Sans Mono para metadatos.

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.

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. Poppins en los niveles display; Inter del cuerpo hacia abajo; Spline Sans Mono en el overline.

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
Poppins para titular y marca; Inter para cuerpo, tablas y formularios; Spline Sans Mono para datos.
Evitar
Poppins en párrafos largos o en celdas de tabla: pierde legibilidad y densidad.