Marca

LeadCultura

O maior ecossistema de gestão, marketing e vendas do agronegócio.

Onde a marca aparece

Site	leadcultura.com.br	WordPress + Elementor
Design System	ds.leadcultura.com.br	Next.js (Vercel)

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.

brand

Verde-esmeralda do logo. Só decorativa.

claro: #0b855e
escuro: #39bf89

primary

Verde-esmeralda do logo: já tem contraste AA com texto branco

claro: #0b855e
escuro: #39bf89

primary-foreground

claro: #ffffff
escuro: #00170d

primary-glow

Verde-claro do logo (#86cb7b)

claro: #86cb7b
escuro: #94d989

secondary

Ação secundária

claro: #ecf3f8
escuro: #19262f

secondary-foreground

claro: #07131c
escuro: #f1f6f6

gradient-brand

Degradê do logo: classes bg-brand-gradient e text-brand-gradient.

Tipografia

Inter

Interface e títulos

npm: @fontsource-variable/inter

Google Fonts: Inter

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.63:1 · AA	7.99: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 LeadCultura, independentemente da marca escolhida no topo.

LeadCultura

Marca Aprovado Pendente Em andamentoRecusado

Card

Superfície padrão com texto de apoio.

Faixa com o degradê da marca

Arquivos

CSS (Tailwind 4) CSS (Tailwind 3) CSS (WordPress) JSON com hex

Instalar o tema num projeto shadcn

npx shadcn@latest add https://ds.leadcultura.com.br/r/theme-leadcultura.json

Item do registry: https://ds.leadcultura.com.br/r/theme-leadcultura.json