Tipografia

Duas famílias: REM (display — títulos e KPIs) e Geist (corpo e UI). A escala combina tamanho, altura de linha e peso em cada token.

Escala tipográfica

--text-display-4xl · REM 800 · 72px/74px

Concierge

--text-display-3xl · REM 800 · 48px/50px

Concierge

--text-display-2xl · REM 800 · 36px/38px

Concierge

--text-display-xl · REM 800 · 30px/40px

Concierge

--text-heading-1 · REM 700 · 32px/48px

Concierge

--text-heading-2 · REM 700 · 24px/32px

Feito para humanos

--text-heading-3 · REM 600 · 20px/28px

Feito para humanos

--text-label-lg · Geist 700 · 14px/20px

RÓTULO GRANDE

--text-label-md · Geist 600 · 12px/16px

RÓTULO MÉDIO

--text-label-sm · Geist 600 · 10px/1

RÓTULO PEQUENO

--text-label-xs · Geist 700 · 8px/20px

RÓTULO MÍNIMO

--text-body-lg · Geist 400 · 16px/24px

O Concierge entende suas áreas e responde com clareza.

--text-body-md · Geist 400 · 14px/20px

O Concierge entende suas áreas e responde com clareza.

--text-body-sm · Geist 400 · 12px/16px

O Concierge entende suas áreas.

--text-body-xs · Geist 400 · 11px/16px

O Concierge entende suas áreas.