LeadCultura
Design System
A central de referência de marca, tokens e componentes dos sites e sistemas da LeadCultura. Um padrão global; cada marca ajusta só o que é dela: cores principais, fonte e logo.
Como funciona
Os tokens são a fonte única da verdade. Deles saem os arquivos de cada plataforma, então mudar uma cor aqui muda em todo lugar que consome o tema.
1. Tokens
Cores, tipografia, raio e sombra em JSON (padrão W3C), com uma base comum e o ajuste de cada marca.
2. Saídas
CSS para Tailwind 4 e 3, tema do registry shadcn, variáveis para WordPress e JSON com os valores em hex.
3. Esta central
Documenta o uso, mostra a prévia ao vivo e serve os arquivos. Troque a marca no topo para ver o site inteiro em cada uma.
Marcas
Por onde começar
React (Next e Vite)
Instale o tema da marca com o CLI do shadcn ou copie o CSS. Os apps do AgroSDR e do Influenciadores do Agro.
Lovable
Cole o tema no projeto e o texto de Knowledge com as regras, para a IA gerar telas dentro do padrão.
WordPress e Elementor
Cores e fontes globais do Elementor, botões e as variáveis CSS da marca para os sites institucionais.
Roteiro
- Fase 1Atual
Fundação
Tokens das três marcas, central de referência e saídas para React, Tailwind 3, Lovable e WordPress.
- Fase 2Próxima
Componentes e padrões de sistema
Os componentes e os padrões de produto do AgroSDR (page header, data table, metric card, empty state...) no registry.
- Fase 3Depois
Sites e kits
Padrões de landing page (hero, seções, CTA, formulário de lead), kit do Elementor e projeto-modelo no Lovable.