Foundations

Typography

Familias tipográficas, tamaños, pesos y alturas de línea

Tres familias tipográficas, una escala de tamaños, pesos y alturas de línea. Cada ficha previsualiza el token con var(), en vivo.

Familias

AgHeadingsPlus Jakarta Sans--font-heading

AgBodyInter--font-body

AgCodeJetBrains Mono--font-mono

Ag--text-8080px

Ag--text-6464px

Ag--text-4848px

Ag--text-4040px

Ag--text-3636px

Ag--text-3232px

Ag--text-2828px

Ag--text-2424px

Ag--text-2020px

Ag--text-1818px

Ag--text-1616px

Ag--text-1414px

Ag--text-1212px

AgRegular400--weight-400

AgMedium500--weight-500

AgSemibold600--weight-600

AgBold700--weight-700

AgExtrabold800--weight-800

El interlineado decide cuánto respira un texto. Muy justo cansa la vista, muy abierto rompe la lectura.

Compacta1.2--leading-tight

El interlineado decide cuánto respira un texto. Muy justo cansa la vista, muy abierto rompe la lectura.

Normal1.5--leading-normal

El interlineado decide cuánto respira un texto. Muy justo cansa la vista, muy abierto rompe la lectura.

Relajada1.65--leading-relaxed