Sistema Visual Neón

FUTURO
EN COLORES

Energía digital, creatividad y una experiencia visual diseñada para destacar. Una expresión tecnológica, audaz y optimista.

“La luz es protagonista; el contraste guía la experiencia.”

Definición de marca · 01 / 08
Definición de marca/02

Esencia y personalidad

Un sistema atractivo sin renunciar a la claridad ni a la confianza.

Propósito

Impulsar ideas, experiencias y soluciones digitales que conectan personas y abren posibilidades.

Promesa

Una experiencia contemporánea que combina innovación, precisión y optimismo.

Personalidad
VisionariaCreativaSeguraCercanaInnovadoraInspiradora
Sistema Visual Neón · 02 / 08
Definición de marca/03

Paleta cromática

Colores intensos sobre superficies oscuras. Los acentos se utilizan con intención.

#00E5FF

Cian Eléctrico

Acción principal

#FF2BD6

Magenta Neón

Expresión

#C6FF00

Lima Ácido

Puntos de atención

#8A2BFF

Ultravioleta

Profundidad

#0F141A

Carbón

Fondos

#2A2F38

Gris Neutro

Superficies

Sistema Visual Neón · 03 / 08
Definición de marca/04

Tipografía y jerarquía

Geometría expresiva en títulos; lectura cómoda en los contenidos.

DisplaySora

Títulos

Mensajes de impacto

Sora para titulares, mensajes principales y cualquier texto que sea la declaración visual de una sección. Nunca por debajo de 1.25rem.

BodyInter

Ideal para navegación, formularios, descripciones y textos largos.

Priorizar legibilidad. Inter a 16px con interlineado 1.5 para cuerpo de texto. Pesos 400, 500, 600.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0 1 2 3 4 5 6 7 8 9

Sistema Visual Neón · 04 / 08
Definición de marca/05

Lenguaje visual

Profundidad, movimiento y acentos luminosos sobre una base limpia.

Formas fluidas

Curvas, cintas y gradientes

Geometría

Volumen y estructuras digitales

Luz y contraste

Halos, reflejos y efectos controlados

Espacio negativo

Composición clara y enfocada

Sistema Visual Neón · 05 / 08
Definición de marca/06

Voz de marca

Directa y optimista. Experta sin volverse distante.

01

Clara

Mensajes sencillos, sin tecnicismos innecesarios.

02

Positiva

Celebrar posibilidades y avances reales.

03

Segura

Explicar con precisión, sin promesas exageradas.

04

Humana

Hablar con cercanía, manteniendo profesionalismo.

Ejemplo de voz

“Creamos herramientas digitales que funcionan. Sin rodeos, sin promesas vacías. Esto es lo que hace tu proyecto, así es como lo configuras.”

Sistema Visual Neón · 06 / 08
Definición de marca/07

Componentes de interfaz

Una interfaz moderna, consistente y funcional.

Botones
Título de contenido

Descripción breve y una llamada a la acción.

Campo de texto
Escribe algo…

Los campos mantienen consistencia de estados y espaciado.

Sistema Visual Neón · 07 / 08
Definición de marca/08

Principios de aplicación

Guía para traducir la identidad a experiencias digitales.

01

Contraste

Fondo carbón, texto claro y un acento dominante por bloque.

02

Jerarquía

Títulos grandes, mensajes cortos y contenido bien agrupado.

03

Movimiento

Animaciones breves que refuerzan la intención, no la distraen.

04

Consistencia

Botones, estados y espaciado previsibles en toda la interfaz.

Sistema Visual Neón · 08 / 08