Guía de marca vaide.app
Manual de identidad visual
Las marcas referentes necesitan ser reconocidas. Comprende las relaciones entre elementos gráficos, colores, logotipo, tipografía y demás activos que componen el sistema de marca vaide.app.
01
Arquitectura de marca
La arquitectura de marca organiza y conecta la marca principal con submarcas, productos o servicios. Define vínculos, niveles de independencia y jerarquía, aportando claridad al público y fortaleciendo la gestión del portafolio.
Sobre el nombre vaide.app
Nuestro nombre transmite movimiento, acción y tecnología. La escritura debe ser siempre vaide.app, en minúsculas, con el dominio .app integrado al nombre de la marca.
- Origen
- Portugués brasileño
- Escritura
- vaide.app
- Pronunciación
- vai-dê-ép, con énfasis en la primera sílaba
- Concepto
- invitación al movimiento, tecnología y solución para CRM y CX
Arquitectura de marca vaide.app
La estrategia considera contexto, oportunidades, riesgos y stakeholders de cada negocio, producto y servicio. Por eso, se estructura de forma monolítica, con una marca madre fuerte que se desdobla en soluciones y servicios especializados.
Objetivos
- Organizar ofertas e iniciativas.
- Diferenciar y clarificar las propuestas de valor.
- Maximizar el intercambio de valor entre servicios.
- Preparar la organización para el futuro.
Directrices para logos
Tener una submarca, producto, iniciativa, acción o evento no implica tener un logo propio. Su creación excesiva o desalineada puede generar ruido de comunicación, debilitar la identidad corporativa y fragmentar la cultura.
Masterbrand vaide.app
Unidades de negocio estratégicas
Marcas adquiridas en earn-out
No se autoriza la creación de nuevas marcas y logos sin aprobación previa del equipo de marca.
02
Logo
El logo de vaide.app es la firma oficial y más sintética de la marca. Su forma simple, geométrica y redondeada evoca el aspecto tecnológico, dinámico y amigable de nuestros productos y servicios.
Versión horizontal — aplicación principal
El logo de vaide.app debe utilizarse siempre conforme a las directrices descritas en esta guía. Use los archivos oficiales de la marca y no intente reconstruir el logo a partir de su diseño o elementos.
Versiones del logo
Ícono sin box
Versión minimalista del símbolo, indicada para aplicaciones gráficas o decorativas validadas por el equipo de marca.
Área de protección
El área de protección es el espacio mínimo alrededor de la marca que garantiza su integridad visual y su reproducción sin interferencias de reconocimiento. Para vaide.app, el símbolo de la marca funciona como módulo básico de respiro.
Regla general: considera el tamaño del símbolo, la V dentro del box, como unidad mínima de respiro en todas las direcciones.
Reducción máxima
| Versión | Mínimo digital | Mínimo impreso |
|---|---|---|
| Logo horizontal | 32 px de altura | 12 mm de altura |
| Logo vertical | 48 px de altura | 16 mm de altura |
| Ícono con box | 16 px de altura | 8 mm de altura |
| Ícono sin box | 20 px de altura | 10 mm de altura |
Versiones cromáticas y fondos
El logo puede reproducirse sobre fondos de distintos colores, siempre que se mantenga el contraste de lectura. Preferimos la aplicación sobre morado, negro y gris claro. En fotografías, busca áreas de baja complejidad visual.
Aplicaciones incorrectas
La consistencia en la aplicación del logo es fundamental para generar identificación, reconocimiento y fortaleza de marca.
- No distorsiones el logo estirándolo o comprimiéndolo.
- No apliques contorno, sombra, brillo ni efectos no autorizados.
- No rotaciones el logo ni apliques colores fuera de la paleta oficial.
- No utilices el logo con máscara, transparencia ni accesorios.
- No crees nuevas variaciones, derivaciones ni mascotas a partir del símbolo.
- No utilices el logo ni el símbolo dentro de texto corrido.
03
Colores
El color es el primer elemento percibido en una comunicación. Genera reconocimiento, desarrolla el tono del mensaje, contribuye a la jerarquía visual y diferencia la marca.
Paleta primaria
Morado vaide.app
- HEX
- #594F97
- RGB
- R:89 G:79 B:151
- CMYK
- C:76 M:76 Y:0 K:0
- PANTONE
- PANTONE 8163 C
Negro
- HEX
- #000000
- RGB
- R:0 G:0 B:0
- CMYK
- C:100 M:100 Y:100 K:100
- PANTONE
- PANTONE BLACK 6 C
Gris claro
- HEX
- #F6F6F6
- RGB
- R:246 G:246 B:246
- CMYK
- C:0 M:0 Y:0 K:5
- PANTONE
- 30% PANTONE COOL GRAY 1 C
Contraste y combinaciones
La combinación de colores para texto, elementos gráficos y fondos es fundamental para la accesibilidad y la lectura de los mensajes.
| Combinación | Recomendación | Uso |
|---|---|---|
| Morado + Blanco | Usar libremente | Aplicación principal — alto contraste |
| Negro + Blanco | Usar libremente | Máxima legibilidad y versatilidad |
| Morado + Negro | Usar con cuidado | Solo en elementos gráficos puntuales |
| Gris claro + Blanco | No usar | Contraste insuficiente |
Gradientes
Los gradientes se forman a partir de la transición entre colores de la paleta. Pueden usarse como fondos de color, pero no deben aplicarse a texto, grafismos ni íconos.
Morado + Negro
Percepción más sobria, premium y tecnológica.
Morado + Gris claro
Transiciones suaves para presentaciones y materiales corporativos.
04
Tipografía
El diseño de las letras cumple una función y determina el universo visual de la marca. La tipografía oficial de vaide.app es Inter.
Institucional — Inter
Inter fue elegida por su excelente legibilidad en pantallas, amplia disponibilidad open-source, neutralidad contemporánea y diseño técnico alineado al universo digital de la marca.
Usa Inter para todo: títulos, llamadas, subtítulos, intertítulos, retrancas, textos corridos y leyendas. No combines ni agregues otras fuentes a la identidad visual.
Pesos disponibles
Inter Thin
Aa Bb 123
Inter ExtraLight
Aa Bb 123
Inter Light
Aa Bb 123
Inter Regular
Aa Bb 123
Inter Medium
Aa Bb 123
Inter SemiBold
Aa Bb 123
Inter Bold
Aa Bb 123
Inter ExtraBold
Aa Bb 123
Inter Black
Aa Bb 123
Jerarquía tipográfica
| Función | Peso | Tamaño |
|---|---|---|
| Display / Hero | Inter Black / ExtraBold | 64–120 pt |
| Título principal (H1) | Inter Bold | 32–48 pt |
| Subtítulo (H2/H3) | Inter SemiBold | 20–28 pt |
| Texto corrido | Inter Regular | 14–18 pt |
| Leyenda / nota | Inter Medium / Light | 10–12 pt |
Tipografía de sistema
En contextos de limitación técnica, como newsletters, correos o presentaciones compartidas, la fuente sustituta es Arial, disponible nativamente en la mayoría de los sistemas operativos.
Buenas prácticas
- Mantén el line-height entre 1.4 y 1.6 para textos corridos.
- En títulos, prefiere line-height entre 1.1 y 1.2.
- Evita texto centrado en párrafos largos.
- No uses más de tres pesos distintos en una misma pieza.
- Mantén un contraste mínimo de 4.5:1 entre texto y fondo.
- No estires, comprimas ni apliques cursiva falsa a la tipografía.
05
Grafismos
Dinámicos y propios, los grafismos enriquecen el mensaje y presentan un universo expresivo para la comunicación de la marca.
El símbolo como base de los grafismos
El grafismo de vaide.app se construye a partir de la forma básica de nuestro símbolo: la V estilizada con check y punto, dentro de un cuadrado de esquinas redondeadas. Representa nuestra capacidad de avanzar, validar procesos y entregar soluciones de forma asertiva y tecnológica.
Forma y construcción
- El símbolo V se construye con trazos del mismo grosor, siempre proporcionales al box.
- El punto característico tiene un tamaño proporcional al grosor de los trazos.
- Las esquinas del box son redondeadas con radio proporcional.
- Las proporciones deben mantenerse en cualquier aplicación.
Colores en los grafismos
Los grafismos pueden aplicarse sobre todos los colores de la paleta, incluso en soluciones tono sobre tono. La reproducción debe usar solo morado, negro, blanco o gris claro.
Aplicaciones incorrectas de grafismos
- No distorsiones las proporciones del símbolo.
- No cambies los colores definidos para los grafismos.
- No rotaciones ni reflejes el grafismo de forma aleatoria.
- No utilices hexágonos regulares ni patrones de panal.
- No uses los grafismos como mascotas o personajes.
- No apliques efectos 3D excesivos ni texturas realistas.
06
Iconografía
La iconografía hace que los mensajes de marca sean simples y ágiles, usando dibujos propios que refuerzan el estilo de nuestro universo visual.
Los íconos y pictogramas simplifican ideas, conceptos y mensajes. En piezas de comunicación, ayudan a crear personalidad y hacen la lectura más rápida.
- Líneas con esquinas redondeadas, en armonía con el símbolo de la marca.
- Formas geométricas simplificadas, sin detalles excesivos.
- Estilo outline como estándar principal.
- Grilla de construcción de 24×24 px para web y digital.
- Grosor de línea de 2 px y márgenes internas mínimas de 2 px.
- Puntas y uniones con acabados redondeados.
Para mantener consistencia, los íconos de un solo color deben usar morado #594F97, negro #000000 o blanco #FFFFFF. En dos colores, mantén un color primario y solo un detalle de acento.
07
Fotografía
Las imágenes ilustran nuestros mensajes, acercan el lenguaje al público y contribuyen a construir un universo visual único y reconocible.
Presentación
La fotografía de vaide.app es moderna, técnica y humana. Muestra tecnología conectando personas, procesos y empresas con claridad y profesionalismo.
Conceptualización
- Tecnología e innovación: ambientes corporativos modernos, pantallas, dispositivos y flujos digitales.
- Confianza y profesionalismo: personas en conversaciones técnicas y colaborativas.
- Claridad y foco: composiciones limpias, pocos elementos y profundidad de campo controlada.
- Diversidad y conexión: representación plural de géneros, etnias, edades y contextos profesionales.
Luz amplia, neutra y natural
Buscamos iluminación difusa, de aspecto solar y tonos neutros, evitando sombras muy marcadas.
Colores vivos, pero controlados
Los colores deben dar profundidad a la escena sin llegar a extremos muy saturados o grisáceos.
Diversidad y conexión
La elección de modelos debe representar la multiculturalidad brasileña y latinoamericana.
Acting casual, positivo y confiado
Las personas deben parecer naturales, enfocadas, colaborativas o en momentos de descubrimiento.
Las fotos de bancos de imágenes deben tener licencia y derechos validados antes de su reproducción. Queda prohibida la reproducción de imágenes sin autorización del titular de los derechos.
08
Composición
Nuestra comunicación es rica en elementos y posibilidades, pero los resultados deben ser simples y accesibles en todos los puntos de contacto.
Formas de aplicar
- Con organización, grafismos, texto y fotografía pueden interactuar en el layout.
- Selecciona áreas de destaque con menor competencia visual para posicionar el logo.
- Diferentes fotografías de la misma escena, en ángulos distintos, crean continuidad y dinamismo.
Modo de uso
- Los colores pueden destacar fragmentos de títulos y llamadas, siempre de forma puntual.
- El símbolo puede aparecer en distintas escalas y colores como elemento de composición.
- Con moderación, el logo puede asumir una aplicación hero en grandes proporciones.
Composición con foto
- El grafismo puede servir de fondo para texto y logo en áreas de buen contraste.
- También puede actuar como marco para destacar partes específicas de la imagen.
Editoriales y corporativos
- Prioriza tipografía, márgenes amplios y ritmo visual equilibrado en folletos, e-books y presentaciones.
- En bolsas, camisetas y regalos corporativos, prefiere aplicaciones simples y legibles del logo.
- Mantén jerarquía consistente entre títulos, cuerpo de texto y elementos gráficos.
09
Dudas y contacto
En caso de dudas sobre la aplicación de la identidad visual, casos no mencionados en este manual o solicitudes de nuevos materiales y validaciones, contacta al equipo de marca por correo:
marca@vaide.app