Identidade visual

Manual da Marca

A RutaPro é uma plataforma de inteligência para motoristas profissionais. Este guia define como a marca deve parecer, sentir e se comunicar em todos os pontos de contato.

Conceito de marca

A RutaPro é uma plataforma de inteligência para motoristas profissionais. A marca representa rentabilidade, análise de dados, eficiência operacional e tomada de decisões baseada em informações reais.

A identidade visual deve transmitir profissionalismo, tecnologia, confiança, rentabilidade, modernidade, inteligência de negócios e simplicidade.

A marca deve parecer mais próxima de uma fintech ou SaaS moderno do que de um aplicativo tradicional de transporte. Não é um app de transporte: é uma plataforma de inteligência e rentabilidade para motoristas profissionais.

ProfissionalismoTecnologiaConfiançaRentabilidadeModernidadeInteligência de negóciosSimplicidade

Sistema de cores

Azul Principal

#1454E6

Representa

Tecnologia · Confiança · Inovação · Segurança

Uso

Botões principais, Links, Elementos destacados, Logotipo, Iconografia principal

Cor dominante da identidade.

Azul Escuro

#0A2E8A

Representa

Autoridade · Profissionalismo · Estabilidade

Uso

Fundos premium, Header, Footer, Gráficos, Dashboard

Verde Rentabilidade

#00C853

Representa

Ganhos · Crescimento · Sucesso · Resultados positivos

Uso

Indicadores financeiros, KPIs positivos, Ganhos, Estatísticas favoráveis

Não deve competir visualmente com o azul principal.

Verde Claro

#69F0AE

Representa

Confirmação · Otimização · Estado saudável

Uso

Hover, Estados ativos, Etiquetas positivas

Branco

#FFFFFF

Representa

Transparência · Clareza · Simplicidade

Uso

Fundo principal, Cartões, Espaços de conteúdo

Cinza Claro

#F5F7FA

Representa

Organização · Limpeza visual

Uso

Fundos secundários, Seções, Contêineres, Tabelas

Cinza Escuro

#2B3445

Representa

Leitura · Hierarquia visual

Uso

Textos, Títulos secundários, Iconografia secundária

Uso do logotipo

O logotipo combina o ícone da marca com o wordmark RutaPro. Sempre respeite a área de proteção e os tamanhos mínimos indicados.

Wordmark completo

220 px
68 px
Área de proteção
RutaProRutaPRO
17 px
Tamanho mínimo

32 px (ícone) · 120 px (wordmark completo)

Área de proteção

Equivalente a 25 % da altura do ícone em todos os lados

Ícone isolado

32
32
RutaPro icon

min 32 × 32 px

Escala

RutaPro 32px32px
RutaPro 48px48px
RutaPro 68px68px

Uso correto

  • Usar sobre fundos brancos ou cinza claro.
  • Manter proporções originais sem deformar.
  • Aplicar o azul principal no wordmark.
  • Deixar espaço de respiro ao redor do logo.

Uso incorreto

  • Não rotacionar, inclinar nem adicionar sombras ao logo.
  • Não alterar as cores oficiais do wordmark.
  • Não colocar sobre fundos que reduzam o contraste.
  • Não comprimir abaixo do tamanho mínimo.

Estilo de iconografia

Os ícones devem ser minimalistas, geométricos, consistentes (mesma espessura de linha) e tecnológicos (estilo SaaS moderno).

Características técnicas: bordas arredondadas, estilo outline ou duotono, traços uniformes, sem efeitos 3D, sem sombras internas e design limpo.

  • Temática: rotas, GPS, navegação, dinheiro, estatísticas, produtividade, tempo, veículos, segurança e rentabilidade.
  • Exemplos: gráficos, mapas, pin de localização, velocímetro, moedas, notas, escudos, checkmarks, relógios e veículos simplificados.

Estilo fotográfico

As imagens devem mostrar motoristas reais, veículos modernos, ambientes urbanos, uso de tecnologia móvel e mapas em contexto.

Evitar fotos genéricas de stock evidentes, imagens escuras, veículos antigos e fotografias saturadas ou pouco autênticas.

Estilo de interface

A interface deve parecer limpa, rápida, moderna e profissional. A experiência deve comunicar eficiência e clareza, como uma ferramenta de análise financeira em tempo real.

Tipografia

Principal — Montserrat: logotipo, títulos e cabeçalhos. Pesos recomendados: ExtraBold, Bold e SemiBold.

Secundária — Inter: dashboard, tabelas, formulários e aplicativo móvel. Otimizada para leitura de dados e densidade de informação.

Personalidade visual

Se a RutaPro fosse uma pessoa, seria um consultor financeiro para motoristas que analisa dados em tempo real para ajudá-los a ganhar mais dinheiro e tomar melhores decisões.

Todo elemento visual deve reforçar essa percepção: inteligência, rentabilidade e confiança profissional.

Inspiração visual

StripeUber DriverNotionLinearRevolut