Tipografia
Barlow (headings) + Inter (body). Mínimo 16px body em mobile para evitar auto-zoom do iOS.
Famílias
font-heading — Barlow
Pruma IA
Aprovações em tempo real
Gestão de fluxos n8n
font-family: var(--font-barlow) · h1–h6
font-sans — Inter
Conecte fluxos n8n ao painel de aprovações humanas.
Texto secundário e descrições de interface.
font-family: var(--font-inter) · body, labels, inputs
Escala de Tipo
Pruma IA
text-4xl36pxDisplay — landingPruma IA
text-3xl30pxHero title (h1)Pruma IA
text-2xl24pxPage title (h2)Pruma IA
text-xl20pxSeção title (h3)Pruma IA
text-lg18pxSubtítulo, introPruma IA
text-base16pxBody principal ← mínimoPruma IA
text-sm14pxBody secundário, inputs, tabelasPruma IA
text-xs12pxLabels, captions, badgesPesos
Aprovações humanas
font-normal400Body, descriçõesAprovações humanas
font-medium500Labels, nav items ativosAprovações humanas
font-semibold600Headings, botões, CTAsAprovações humanas
font-bold700Hero titles, destaque críticoHierarquia de Cor do Texto
text-foreground — texto principal
text-muted-foreground — texto secundário, descrições
text-accent — Ciano Elétrico — links, highlights
text-destructive — erros, aviso crítico
text-primary — Azul Marinho em texto