Concepto de marca
RutaPro es una plataforma de inteligencia para conductores profesionales. La marca representa rentabilidad, análisis de datos, eficiencia operativa y toma de decisiones basada en información real.
La identidad visual debe transmitir profesionalismo, tecnología, confianza, rentabilidad, modernidad, inteligencia de negocio y simplicidad.
La marca debe sentirse más cercana a una fintech o SaaS moderno que a una aplicación tradicional de transporte. No es una app de transporte: es una plataforma de inteligencia y rentabilidad para conductores profesionales.
Sistema de colores
Azul Principal
#1454E6
Representa
Tecnología · Confianza · Innovación · Seguridad
Uso
Botones principales, Enlaces, Elementos destacados, Logotipo, Iconografía principal
Color dominante de la identidad.
Azul Oscuro
#0A2E8A
Representa
Autoridad · Profesionalismo · Estabilidad
Uso
Fondos premium, Header, Footer, Gráficas, Dashboard
Verde Rentabilidad
#00C853
Representa
Ganancias · Crecimiento · Éxito · Resultados positivos
Uso
Indicadores financieros, KPIs positivos, Ganancias, Estadísticas favorables
No debe competir visualmente con el azul principal.
Verde Claro
#69F0AE
Representa
Confirmación · Optimización · Estado saludable
Uso
Hover, Estados activos, Etiquetas positivas
Blanco
#FFFFFF
Representa
Transparencia · Claridad · Simplicidad
Uso
Fondo principal, Tarjetas, Espacios de contenido
Gris Claro
#F5F7FA
Representa
Organización · Limpieza visual
Uso
Fondos secundarios, Secciones, Contenedores, Tablas
Gris Oscuro
#2B3445
Representa
Lectura · Jerarquía visual
Uso
Textos, Títulos secundarios, Iconografía secundaria
Uso del logotipo
El logotipo combina el ícono de marca con el wordmark RutaPro. Siempre respeta el área de protección y los tamaños mínimos indicados.
Wordmark completo
RutaPRO32 px (ícono) · 120 px (wordmark completo)
Equivalente al 25 % de la altura del ícono en todos los lados
Ícono aislado
min 32 × 32 px
Escala
32px
48px68pxUso correcto
- Usar sobre fondos blancos o gris claro.
- Mantener proporciones originales sin deformar.
- Aplicar el azul principal en el wordmark.
- Dejar espacio de respiro alrededor del logo.
Uso incorrecto
- No rotar, inclinar ni añadir sombras al logo.
- No cambiar los colores oficiales del wordmark.
- No colocar sobre fondos que reduzcan el contraste.
- No comprimir por debajo del tamaño mínimo.
Estilo de iconografía
Los iconos deben ser minimalistas (evitar detalles excesivos), geométricos (formas simples y modernas), consistentes (mismo grosor de línea) y tecnológicos (estilo SaaS moderno).
Características técnicas: bordes redondeados, estilo outline o duotono, trazos uniformes, sin efectos 3D, sin sombras internas y diseño limpio.
- Temática: rutas, GPS, navegación, dinero, estadísticas, productividad, tiempo, vehículos, seguridad y rentabilidad.
- Ejemplos: gráficas, mapas, pin de ubicación, velocímetro, monedas, billetes, escudos, checkmarks, relojes y vehículos simplificados.
Estilo fotográfico
Las imágenes deben mostrar conductores reales, vehículos modernos, entornos urbanos, uso de tecnología móvil y mapas en contexto.
Evitar fotos genéricas de stock evidentes, imágenes oscuras, vehículos antiguos y fotografías saturadas o poco auténticas.
Estilo de interfaz
La interfaz debe sentirse limpia, rápida, moderna y profesional. La experiencia debe comunicar eficiencia y claridad, como una herramienta de análisis financiero en tiempo real.
Tipografía
Principal — Montserrat: logotipo, títulos y encabezados. Pesos recomendados: ExtraBold, Bold y SemiBold.
Secundaria — Inter: dashboard, tablas, formularios y aplicación móvil. Optimizada para lectura de datos y densidad de información.
Personalidad visual
Si RutaPro fuera una persona, sería un asesor financiero para conductores que analiza datos en tiempo real para ayudarles a ganar más dinero y tomar mejores decisiones.
Todo elemento visual debe reforzar esa percepción: inteligencia, rentabilidad y confianza profesional.