Fundamentos
Tipografia
Os títulos usam a escala text-display e text-h1 a text-h4, que já trazem tamanho, altura de linha, peso e tracking. Não some font-bold ou tracking-tight a elas.
Escala
Exemplos na fonte da marca escolhida no topo.
Gestão e vendas no agrotext-display · 36px · 700Hero de landing page
Gestão e vendas no agrotext-h1 · 30px · 700Título da página
Gestão e vendas no agrotext-h2 · 24px · 700Título de seção
Gestão e vendas no agrotext-h3 · 20px · 600Subseção, card grande
Gestão e vendas no agrotext-h4 · 18px · 600Título de card, grupo de campos
Gestão e vendas no agrotext-base · 16pxTexto corrido longo
Gestão e vendas no agrotext-sm · 14pxPadrão de interface: formulários, tabelas, botões
Gestão e vendas no agrotext-xs · 12pxLegendas, metadados, ajuda de campo
Gestão e vendas no agrotext-2xs · 11pxMenor tamanho do sistema (substitui text-[10px] e text-[11px])
Famílias
Cada marca define a fonte em --font-family-sans; títulos usam --font-family-heading (por padrão, a mesma) e código usa Geist Mono. No Tailwind: font-sans, font-heading, font-mono.
| Marca | Fonte | Pacote npm |
|---|---|---|
| AgroSDR | Inter | |
| Influenciadores do Agro | Inter | |
| LeadCultura | Inter |