Tipografía

Una familia para titular, una para texto y una monoespaciada para todo lo que se comporta como dato. Interletraje negativo en titulares; interlineado amplio en cuerpo.

Familias

Cargadas con font-display: swap

font-display

Inter Tight

Pesos 500, 600

Titulares H1 a H3, nombres de tarjeta

font-sans

Inter

Pesos 400, 500

Texto corrido, hasta 65 caracteres por línea

font-mono

JetBrains Mono

Pesos 400, 500

Eyebrows, etiquetas, métricas, chips y código

Escala

Valores de escritorio; en móvil bajan a 44 / 32 / 22 / 16

Revisiones que firma un humano

H1 · 72/44px · font-display 600

Lo que una máquina no ve

H2 · 48/32px · font-display 500

Decisiones de arquitectura

H3 · 28/22px

El revisor conoce el negocio detrás del cambio: sabe qué usuario sufre el error y qué atajo se puede permitir esta semana. Ese criterio es lo que ordena los comentarios.

Cuerpo · 17/16px · 1.6 · máx 65ch

Nota al pie, ayudas de formulario y descripciones de tabla.

Small · 14px

Revisión de código por humanos

Eyebrow · 12px mono · tracking 0.12em

Elementos de texto

Enlace, código en línea, cita y lista

Consulta el modelo de NDA antes de dar acceso, y revisa la función idempotencyKey().

Dejamos de discutir estilo y empezamos a discutir decisiones.
  • Comentarios ordenados por impacto real.
  • Una alternativa concreta por hallazgo.
  • Verificación en el ciclo siguiente.