Marca
AgroSDR
Atendimento e qualificação no WhatsApp com agentes de IA, feito para quem vende para o agro.
Onde a marca aparece
Cores da marca
Cada amostra mostra o tema claro (esquerda) e o escuro (direita). Os demais tokens (superfícies, status, gráficos) são comuns às marcas: veja Fundamentos > Cores.
Cor do logo (#3bb531). Só decorativa: ícones, ilustrações, destaques. Não use em texto nem como fundo de texto, porque não tem contraste.
- claro
- #3bb531
- escuro
- #4ac240
Verde de ação: botões, links e foco. Versão escura do logo, com contraste AA para texto branco (#15840a).
- claro
- #15840a
- escuro
- #4ac240
- claro
- #fcfcfc
- escuro
- #011205
Tom claro da marca, para degradês e brilhos
- claro
- #73d25d
- escuro
- #7fe06a
Ação secundária
- claro
- #ecf3f8
- escuro
- #19262f
- claro
- #07131c
- escuro
- #f1f6f6
Degradê da marca (bg-brand-gradient): classes bg-brand-gradient e text-brand-gradient.
Tipografia
npm: @fontsource-variable/inter
Google Fonts: Inter
npm: @fontsource/geist-mono
Google Fonts: Geist Mono
Contraste
Calculado a partir dos tokens (WCAG 2). AA pede 4,5:1 para texto normal e 3:1 para texto grande (18px, ou 14px em negrito).
| Par | Claro | Escuro |
|---|---|---|
| Texto sobre a cor principal (botão) | 4.69:1 · AA | 8.34:1 · AA |
| Texto sobre a cor secundária | 16.74:1 · AA | 14.22:1 · AA |
| Texto principal sobre o fundo | 18.27:1 · AA | 17.81:1 · AA |
| Texto de apoio sobre o fundo | 5.82:1 · AA | 7.28:1 · AA |
Prévia
Componentes renderizados com os tokens de AgroSDR, independentemente da marca escolhida no topo.
AgroSDR
Arquivos
npx shadcn@latest add https://ds.leadcultura.com.br/r/theme-agrosdr.jsonItem do registry: https://ds.leadcultura.com.br/r/theme-agrosdr.json