Plataformas
WordPress e Elementor
Para leadcultura.com.br e influenciadoresdoagro.com.br (WordPress + Elementor). Configurando as cores e fontes globais uma vez, todo widget novo já nasce no padrão e uma mudança de marca vale para o site inteiro.
Instruções para LeadCultura. Troque a marca no topo para ver os valores de outra.
1. Cores globais
Elementor > Configurações do site > Cores globais. As quatro primeiras são as cores do sistema do Elementor; as demais entram como cores personalizadas.
| Cor | Uso | Valor |
|---|---|---|
| Primária | #07131c | |
| Secundária | #59656e | |
| Texto | #07131c | |
| Destaque | #0b855e | |
| Marca (logo)personalizada | #0b855e | |
| Marca (claro)personalizada | #86cb7b | |
| Fundopersonalizada | #f8fdfd | |
| Fundo neutropersonalizada | #eff4f8 | |
| Cartãopersonalizada | #ffffff | |
| Bordapersonalizada | #dfe6eb | |
| Sucessopersonalizada | #2ea957 | |
| Avisopersonalizada | #dc8900 | |
| Erropersonalizada | #e62c2c | |
| WhatsApppersonalizada | #25d366 |
2. Fontes globais
Elementor > Configurações do site > Fontes globais.
| Primária | Inter · 700 |
| Secundária | Inter · 600 |
| Texto | Inter · 400 |
| Destaque | Inter · 500 |
3. Botões
Elementor > Configurações do site > Botões.
| Cor de fundo | #0b855e |
| Cor do texto | #ffffff |
| Raio da borda | 8px |
| Espaçamento interno | 10px 20px |
| Tipografia | Inter 500, 14px |
4. Variáveis no CSS (opcional)
Para CSS próprio em widgets, importe as variáveis da marca (prefixo --ds-, valores em hex). Elas são atualizadas aqui na central.
CSS adicional
/* Aparência > Personalizar > CSS adicional
(ou, no Elementor Pro, Configurações do site > CSS personalizado) */
@import url('https://ds.leadcultura.com.br/tokens/leadcultura.wordpress.css');
/* Depois, use as variáveis no CSS dos widgets: */
.cta-destaque {
background: var(--ds-primary);
color: var(--ds-primary-foreground);
border-radius: var(--ds-radius);
}
.faixa-marca {
background: var(--ds-gradient-brand);
}