RuralTrace

Manual de
Identidade Visual

As regras que mantêm a marca consistente em cada tela, documento e ponto de contato — logo, cores, tipografia, elementos gráficos e tom de voz da plataforma de gestão sanitária pública.

Versão 1.0Maio de 2026RuralTrace · Município + Agro
Começar
01 — A Marca

O símbolo e a assinatura

O logo combina um símbolo — uma folha em forma de localizador, com a silhueta de um animal em negativo — e o logotipo RuralTrace. Use sempre os arquivos oficiais; nunca recrie o logo.

RuralTrace
RuralTrace

Versões aprovadas

Lockup principal

Lockup principal

Verde da marca sobre fundo claro. Uso preferencial.

Lockup negativo

Lockup negativo

Versão branca para fundos escuros, fotos ou verde profundo.

Monocromático escuro

Monocromático escuro

Para impressão em 1 cor ou onde o verde perde contraste.

Símbolo isolado

O símbolo pode ser usado sozinho como ícone, favicon ou avatar — desde que a marca já tenha sido apresentada por extenso no contexto.

Símbolo Verde

Verde

Símbolo Branco

Branco

Símbolo Ink

Ink

Área de proteção & tamanho mínimo

x

Margem livre mínima de x em todos os lados, onde x = metade da altura do símbolo.

24px

120px

Tamanho mínimo — símbolo 24px / lockup 120px de largura (digital). Em impressão, ≥ 8 mm.

Usos incorretos

Não altere a cor do logo

Não distorça nem estique

Não rotacione

Não aplique sombras ou efeitos

Não use o verde sobre fundo de baixo contraste

RuralTrace

Não recomponha os elementos

Na dúvida, use o lockup principal sobre fundo claro e respeite a área de proteção.

02 — Cores

Verde como assinatura

A paleta nasce do verde — campo, sanidade, confiança. Dois verdes ancoram a marca; tons profundos (ink) dão peso institucional, o âmbar entra como destaque pontual e os neutros stone/paper sustentam o restante.

Verde RuralTrace · logo

#1CBA67

A cor do símbolo. Reservada ao logo e a aplicações de marca — não use como cor de interface.

Verde de ação · brand-500

#00C853

O verde vivo da interface: botões, links, destaques e estados positivos. É a cor que conduz o olhar para a ação.

Verdes da marca

Ink — verdes profundos

Âmbar — destaque

Stone — neutros frios

Paper — neutros quentes (camada editorial)

Proporção

Domínio dos neutros (stone/paper), verde como cor de marca e ação, ink para superfícies escuras. O âmbar fica abaixo de ~5% — só destaque.

Texto no claro · AAA 7:1

  • Corpo: stone-700+ — stone-500/600 reprovam.
  • Ênfase itálica em brand-700 só em títulos grandes.
  • Kicker / rótulo mono em brand-800.
  • Tiles de ícone em brand-700+ — branco em brand-500 dá só 2,2:1.

Sobre escuro · AAA

  • Texto sólido: white / brand-100.
  • Rótulos em brand-300; ênfase brand-300/400.
  • Âmbar só em texto grande ou elementos não-texto.
  • Nunca texto com opacidade — /70, /60 reprovam.
03 — Tipografia

Editorial encontra técnico

Newsreader traz alma editorial aos títulos; Space Grotesk dá estrutura à interface; Inter e Geist sustentam a leitura; JetBrains Mono assina rótulos e dados. Juntas, equilibram autoridade institucional e precisão tecnológica.

Newsreader

Display editorial

.font-editorial

Controle sanitário

Space Grotesk

Títulos & UI

.font-display

Gestão pública rural

Inter

Texto corrido

.font-sans

Rastreabilidade animal de ponta a ponta.

Geist

Interface densa

.font-geist

Painéis, tabelas e dados.

JetBrains Mono

Rótulos & dados

.font-mono

CONFORMIDADE · +87%

Tratamento editorial · itálico

Tecnologia que devolve às prefeituras o controle sobre a saúde do rebanho.

Escala tipográfica

DisplayIdentidade60 / 96px
H1Título de página48px
H2Título de seção30px
H3Subtítulo20px
BodyTexto base de leitura confortável.16px
SmallApoio, legendas e notas.14px
KickerRótulo · mono12px

Pesos · Inter

Light300
Regular400
Medium500
Semibold600
Bold700

Hierarquia por peso e tamanho, não por cor. Reserve 700 para títulos curtos.

04 — Elementos gráficos

Texturas & superfícies

Um vocabulário de fundos e grafismos dá profundidade à marca: malhas de gradiente para os modos escuros, papel e grão para a camada editorial, grades e topografias pontilhadas para o tom técnico, e a borda em gradiente que assina os cartões.

Malha escura
Malha clara
Papel + grão
Grade (escuro)
Grade (claro)
Topografia pontilhada
Halo de luz
Arcos concêntricos
card
Borda em gradiente

Divisor editorial

Seção

.editorial-divider

Máscara em arco

.arc-mask

05 — Componentes

Blocos de interface

Os padrões recorrentes da marca em produto e site: cantos generosos (pílulas e raios grandes), verde de ação, e profundidade por sombras suaves em vez de bordas duras.

Botões

rounded-full · primário

Selos & rótulos

Plataforma de gestão sanitária
LGPD-readyConformidade
Município + Agro

Cartões de dado

Rebanho monitorado

100% rastreado

Conformidade

+87%vs. manual

Sombras & elevação

card

editorial

glow

Sombras coloridas e difusas (verde/ink) — nunca o cinza neutro padrão. Elas reforçam a marca mesmo na profundidade.

Cabeçalho editorial

01Seção

Verde como assinatura

Eyebrow numerado mono + régua + título Newsreader com ênfase itálica (brand-700 no claro / brand-300 no escuro). É a assinatura editorial que abre cada seção — em produto e site.

Acessibilidade · AAA

  • Contraste AAA — 7:1 (texto) / 4,5:1 (grande).
  • Foco visível por superfície (anel escuro no claro, claro no escuro).
  • Alvos de toque ≥ 44px.
  • prefers-reduced-motion respeitado.
  • Skip-link, hierarquia de headings e ARIA em menus e acordeões.

Acessibilidade vence estética — sempre.

06 — Iconografia

Ícones de linha

A marca usa o conjunto Lucide: ícones de traço, geometria consistente e cantos arredondados. Sempre em contorno (nunca preenchidos), dimensionados junto ao texto e tingidos em brand-600 ou no tom do texto.

shield-check
activity
map-pin
syringe
stethoscope
tractor
leaf
clipboard-check
bar-chart-3
qr-code
smartphone
database
bell
users
file-check
search

Especificação

  • Bibliotecalucide-react
  • Espessura1.75px
  • Estilooutline
  • Cor padrãobrand-600
1
1.75
2.5

Mantenha 1.75 como padrão.

07 — Movimento

Calma e precisão

O movimento da marca é discreto: entradas que sobem e revelam em sequência, uma única curva de aceleração, e micro-animações vivas para indicar dados em tempo real. Nada salta — tudo assenta.

Curva padrão

cubic-bezier

.22, 1, .36, 1

Saída rápida, chegada suave. Uma só curva em toda a marca.

0.7s

duração de entrada

0.08–0.12s

stagger entre itens

Entrada em sequência

fadeUp
staggerChildren
ease-out

Micro-animações

.animate-halo
.pulse-soft
.animate-ping
.animate-drift
.animate-scan
Vigilância sanitáriaDefesa agropecuáriaSaúde públicaInspeção veterináriaCadastro de produtores
08 — Tom de voz

Como a marca fala

A RuralTrace conversa com prefeituras e produtores. O tom é o de um parceiro técnico competente: sério onde importa, próximo no resto, e sempre ancorado no impacto real para a saúde pública.

Posicionamento

Substituímos a fiscalização manual por inteligência: controle sanitário e rastreabilidade que protegem a saúde pública e digitalizam a gestão rural.

01

Claro, não burocrático

Falamos com gestores públicos sem o peso do jargão. Frases diretas, primeiro o benefício.

02

Confiável, não frio

Autoridade institucional com calor humano. Tecnologia a serviço de pessoas e do território.

03

Concreto, com dados

Sempre que possível, números e resultados — “+87% de conformidade” vale mais que adjetivos.

Escreva assim

  • Modernize a gestão sanitária do seu município.
  • Rastreabilidade animal de ponta a ponta, mesmo offline.
  • 100% do rebanho monitorado, em tempo real.

Evite

  • A melhor e mais revolucionária solução do mercado!!!
  • Sinergia disruptiva de soluções end-to-end.
  • Software de gestão (genérico, sem contexto rural).

Vocabulário-chave

gestão sanitáriarastreabilidade animalvigilância sanitáriadefesa agropecuáriasaúde públicaconformidadeinspeção veterináriasegurança alimentarno campooffline

Duas frentes, uma marca

RuralPets

Município + Agro e saúde pública animal compartilham logo, paleta e voz — muda o contexto, não a identidade.