- MANUAL DE IDENTIDAD
La identidad de VIZER no es un accidente
Cada elemento visual — color, tipografía, forma — expresa la misma idea: claridad, estructura y criterio. Este manual define cómo se aplica la marca para que la consistencia no dependa de la memoria.
- 01 - LOGOTIPO
La marca en sus distintas versiones
El logo de VIZER Tech es una representación visual de innovación tecnológica y confianza. Está compuesto por elementos minimalistas y modernos que reflejan los valores de la marca: precisión, eficiencia y soluciones tecnológicas avanzadas.
SÍ HACER
-
Usar el logo sobre fondos oscuros o blancos con suficiente contraste
-
Mantener el espacio de respiro alrededor del logo al menos igual a la altura de la "V"
-
Aplicar Isotipo o Logotipo según sea necesario
-
Rotar el logo solo a 90° para hacer un buen uso del espacio en formatos poco convencionales
-
Utilizar la tipografía BEBAS NEUE y Lato para Titulos, enfasis de textos y cuerpos de texto segun sea necesario
NO HACER
-
No modificar las proporciones del logotipo
-
No usar el logotipo sobre fondos que rompan el contraste mínimo
-
No crear versiones alternas
-
No agregar elementos extras
-
No modificar los colores, ni la saturación o tono
-
No modificar ni sustituir fuentes tipográficas
- 02 - TIPOGRAFÍA
Sistema Tipográfico
VIZER combina 2 tipografías principales, "BEBAS NEUE" de la cual se construye el Logotipo principal con un tracking de 200 para titulos cortos o espacios de texto reducido y "Lato" como fuente principal de cuerpo de texto con un tracking de 200 para textos cortos o subtitulos.
Hero Titles
VIZER
H1
Page Headings
La claridad del proceso
H2
Section headings
Métodos sobre Improvisación
H3
Card Titles
Diagnóstico de negocio
Body P1
Tecnología con estructura para negocios que ya no quieren improvisar.
Body P2
Construimos por etapas para validar sin improvisar.
- 03 - BRAND PALETTE
Sistema de color
El sistema de color VIZER se divide en 2, la paleta del branding principal, y la paleta de colores mas sobrios y profundos como los tonos de azul que nos ayudan a crear contraste entre las dos paletas y se utilizan en el contenido de la marca.
Neon Green
#3BEC2D
Copied ✓
Vizer Green
#18B38C
Copied ✓
Citrus Orange
#FE970F
Copied ✓
Vizer Yellow
#EAAD42
Copied ✓
Magenta
#D80A81
Copied ✓
Navy Blue
#023047
Copied ✓
Neon Turquoise
#1DD6D5
Copied ✓
Blue Grey
#5F697A
Copied ✓
Paleta de contenido
Emerald Green
#34D399
Copied ✓
Formal Blue
#132540
Copied ✓
Dark Grey
#030810
Copied ✓
Oxford Grey
#64748B
Copied ✓
Dark Blue
#0D1F35
Copied ✓
Light Blue
#4D8EFF
Copied ✓
Grey blue
#94A3B8
Copied ✓
Ocean Blue
#0B1828
Copied ✓
Ocean Bright Blue
#0055F5
Copied ✓
Light Grey
#F1F5F9
Copied ✓
Not Black
#060F1C
Copied ✓
Vibrant Blue
#1A6AFF
Copied ✓
- 04 - ESPACIADO
Sistema de 8px
Todo el espaciado se rige en múltiplos de 8px. Esto garantiza ritmo visual consistente en cualquier layout.
4px — 0.5 rem
Separaciones mínimas, íconos
8px — 0.5 rem
Espacio base
16px — 1 rem
Padding interno de elementos
24px — 1.5 rem
Gap entre elementos de UI
32px — 2 rem
Separaciones de sección
48px — 3 rem
Márgenes de secciones
80px — 5 rem
Padding vertical de secciones
- 05 - VOZ Y TONO
Cómo habla VIZER
La voz de VIZER es directa, clara y sin adornos innecesarios. El tono varía por contexto pero la voz no cambia.
Directa
Decimos lo que es. No usamos eufemismos para suavizar lo que funciona o lo que no.
Técnica sin arrogancia
Sabemos de tecnología pero hablamos para negocios, no para impresionar a otros técnicos.
Confiada sin prepotencia
VIZER tiene criterio propio. Lo expresa con firmeza, no con condescendencia.
Concisa
Una frase bien hecha pesa más que un párrafo que rellena. Menos, pero mejor.
EJEMPLOS DE APLICACIÓN
ASÍ NO
-
"Te ofrecemos soluciones integrales de transformación digital 360°."
-
"¡Únete a nosotros y transforma tu empresa al siguiente nivel!"
-
"Nuestro equipo de expertos altamente calificados está listo para atenderte."
ASÍ SÍ
-
"Construimos la tecnología que resuelve el problema real de tu operación."
-
"Si ya sabes qué quieres lograr, el diagnóstico es el primer paso."
-
"El equipo tiene criterio técnico, diseño y estrategia. Aplicado, no prometido."