Este é o headline real da landing page e também a melhor definição da DR Vulcan: sub-revenda autorizada Xmobots / DJI Agriculture em Guaraci/SP que vende, capacita e dá suporte sob o mesmo teto. Este manual documenta o sistema visual e verbal como ele está implementado em produção em drvulcan.com.br, para que qualquer peça nova, seja impressa, digital, de fachada ou de proposta, saia consistente com o que já existe.
A DR Vulcan não é uma loja de drones que também dá suporte, nem uma escola de pilotagem que também vende equipamento. Segundo o próprio site, ela nasce da fusão entre o DNA operacional da Vulcan Drone Sprayer e a expertise comercial junto a grandes players do setor sucroalcooleiro: "operadores que se tornaram sub-dealers". A marca fala primeiro do resultado e só depois do equipamento.
Linha completa DJI Agras (T25P, T55, T70P, T100 e T100 Dual Battery), sistemas SPAD, acessórios Xmobots, DAASFY e geradores Toyama. Os preços ficam sob consulta e a proposta é personalizada pelo WhatsApp, sem fricção.
Formação prática e teórica de pilotos remotos e certificação CAAR. Capacitar o mercado é o que sustenta a demanda qualificada. As páginas oficiais dos cursos ficam em vulcandronesprayer.com.br.
O Centro de Assistência Técnica é o pilar de receita recorrente e o diferencial competitivo da marca. Oferece peças e suporte locais para minimizar máquina parada e maximizar o ROI do cliente.
"Não vendemos hardware — entregamos resultado." Os três pilares se sustentam porque nascem da mesma vivência de campo: mais de 40 mil hectares voados em pulverização, mapeamento e semeadura, e mais de 10 anos de operação de drones no agro brasileiro. A marca nunca comunica a tecnologia separada do suporte. Vende sempre o ciclo completo, do primeiro voo à manutenção da frota.
Estes valores não são uma proposta: são o CSS real (src/styles.css) em produção na landing page. O laranja assina a energia e a ação, o cinza-escuro dá profundidade industrial e o verde marca a raiz agrícola. Nenhuma dessas cores está ali por decoração.
Quase preto, com leve calor. Transmite indústria e confiabilidade técnica. É a cor dos títulos, do rodapé e do theme-color do site.
É o token --primary do sistema, usado em eyebrows, palavras em destaque nos títulos, anel de foco e brilho do CTA.
É o token --accent, usado em selos ("Sub-dealer Xmobots"), checks, ícones de contato e números de prova ("40k+").
É o fundo dominante do site (--background), do hero ao "Quem somos". O cinza-escuro fica reservado para o rodapé e os blocos de contraste.
A regra 60-30-10 está declarada no cabeçalho do próprio styles.css. Na prática, os 10% de sinal se dividem entre o laranja, que é ação e destaque, e o verde, acento pontual. Nenhum dos dois vira fundo de área grande.
Cores de suporte (uso editorial)
Declarado como "Cinza Claro" no styles.css. É o texto secundário e as legendas sobre fundo branco.
Usado só em documentos internos, para pontos de atenção e pendências. Não aparece no site.
Reservado para erro e estado crítico real. Nunca é usado como decoração.
O manual v1.0 (PDF) definia Laranja #E76A2B e Verde #0C9C0D, valores que conferem com a medição direta de pixels do logotipo oficial. O site em produção usa #F36C2C e #0CA90E, que são mais claros e mais saturados. A diferença é visível lado a lado, por exemplo numa fachada impressa ao lado da tela. É preciso decidir entre duas saídas: (a) assumir os valores do site como tokens digitais e manter os do logo só dentro da arte, ou (b) alinhar o styles.css aos valores do logo. Até essa decisão, o material impresso deve usar os valores do logo e o digital, os do site.
São dois papéis, sem exceção: Montserrat para impacto (títulos, números, botões e navegação) e Inter para leitura (parágrafos, fichas técnicas e propostas). O tracking negativo (-0.02em) nos títulos é regra global. A caixa alta é aplicada em cada componente, e todo título de seção do site é maiúsculo.
O 900 aparece no H1 do hero e nos números de prova (40k+, +10, 100%). O 800 é usado nos títulos de seção e no wordmark "DR VULCAN" do header. O 700 e o 600 servem para botões, badges, menu e eyebrows, em caixa alta com tracking aberto.
É o --font-sans do sistema e vale para todo texto que não é título. Nunca usar caixa alta em corpo de texto, porque isso quebra a hierarquia com os títulos.
O emblema oficial é um selo circular com três elementos: a montanha (solidez e presença física em Guaraci), o drone em voo, em laranja (tecnologia), e o wordmark DRVulcan, com o verde nas letras "DR" e o laranja itálico em "Vulcan", sempre nessa ordem, com a tagline "Vendas & Assistência Técnica". O selo tem círculo branco e anel preto, então funciona sobre qualquer fundo sem adaptação. Nunca redesenhe o drone, a montanha ou as letras: use sempre o arquivo-mestre (Logo (PNG).png / Logo (PDF).pdf).
Header.tsx: emblema, "DR VULCAN" em Montserrat 800 cinza-escuro e tagline em verde.Área de proteção: mantenha ao redor do emblema um respiro mínimo igual a ¼ do diâmetro do círculo. No lockup horizontal, use a altura da letra "D" como referência. Nunca encoste textos, bordas ou botões de WhatsApp dentro dessa margem. O tamanho mínimo digital é 44px (a versão compacta do header ao rolar a página).
No header e no rodapé, o site escreve "DR VULCAN" em texto, com tudo em cinza-escuro ou branco, caixa alta e sem itálico. Já o emblema e o manual v1.0 colorem "DR" em verde e "Vulcan" em laranja itálico. As duas leituras são aceitáveis. O que precisa ficar claro é a regra: o lockup de texto neutro é uma variante autorizada para interfaces (header, rodapé, metadados), e a versão bicolor fica restrita à arte oficial. Falta um arquivo vetorial oficial do wordmark horizontal. Enquanto ele não existir, não recomponha o bicolor em texto em peças finais.
O que faz a marca ser reconhecida na hora, em qualquer peça (fachada, roll-up, proposta, post ou site), é disciplina, não criatividade.
O tom é consultivo, técnico e direto. A marca fala de resultado antes de falar de equipamento, respeita a inteligência do produtor e nunca faz o cliente preencher formulário longo quando um WhatsApp resolve.
Número real antes de adjetivo: 40 mil hectares, +10 anos, ROI de 6–8 meses para prestadores, e não "grande experiência". Verbo no presente, voz ativa. Frases curtas e autoridade sem arrogância. Nomes reais de quem valida a marca (Tereos, Raízen, Usina Cerradão) no lugar de "grandes clientes". Nada de tom de vendedor: a DR Vulcan é uma sub-revenda técnica e não grita.
A DR Vulcan opera dentro do ecossistema Vulcan. A regra de roteamento de WhatsApp faz parte da identidade operacional da marca tanto quanto a paleta. Os números abaixo são os de src/lib/whatsapp.ts, em produção.
| Assunto | Canal | |
|---|---|---|
| Comercial: drones DJI Agras, SPAD, acessórios, DAASFY, geradores, consórcio BB, assistência técnica e contato geral | WHATSAPP_COMERCIAL | (17) 99101-6926 |
| Capacitação: CPAR Prático, CPAR Teórico e CAAR Online (turmas e vagas) | WHATSAPP_CURSOS | (34) 99730-8621 |
| E-mail público (único autorizado em material público) | Institucional | contato@drvulcan.com.br |
| Instagram: @drvulcandrones (dealer e tecnologia, esta marca) · @vulcandronesprayer (operação e serviços) | Ponte recíproca | 2 perfis |
sameAs do JSON-LD apontam só para @vulcandronesprayer. Sugestão: incluir @drvulcandrones nos dois.Reprodução da hierarquia real do hero em drvulcan.com.br: fundo branco com auras de marca (verde no alto à direita, laranja embaixo à esquerda), grade sutil, H1 em Montserrat Black com o destaque bicolor e números de prova logo abaixo.
Sub-revenda autorizada Xmobots em Guaraci/SP. Vendemos, capacitamos e damos suporte à frota agrícola que já voou mais de 40 mil hectares nos maiores players do agronegócio brasileiro.
Ver drones DJI Agras ›Extraídos direto de src/styles.css e dos componentes Header.tsx e Sections.tsx. Use estes valores em qualquer peça nova para manter consistência pixel a pixel com o site em produção.
12px em cards e botões, com variações de ±4px (sm/xl) e +8px (2xl, fotos).
Laranja para destaque, anel de foco e brilho do CTA.
Verde para selos, checks, ícones de contato e CTA de WhatsApp.
Cinza-escuro para títulos, rodapé e barra do navegador mobile.
Montserrat Black, line-height 0.95, de 4xl a 7xl, caixa alta.
Montserrat 700, xs, laranja, com um traço de 32px antes do texto.
Brilho laranja a 45% de opacidade atrás do botão principal.
Grade de linhas em cinza-escuro a 5% de opacidade sobre o fundo branco.
Este manual reflete o CSS e os componentes reais de drvulcan.com.br (Lovable). Qualquer mudança de cor, tipografia, número de contato ou componente no site deve entrar aqui na próxima revisão, e os pontos de atenção acima precisam de uma decisão antes da v2.1.