Aa
#05030FVoid
Fondo principal. Un escenario oscuro para el personaje y la luz.
--voidANIVATAR / SISTEMA VISUAL WEB
Manual de marca.
La inteligencia adquiere carácter.
Color, tipografía, luz y las reglas que los unen en un solo lenguaje.
01 / ANIVATAR
Inteligencia. Con carácter.
Anivatar da a la tecnología un rostro, una voz y la capacidad de actuar. Las personas siguen en el centro de la experiencia.
PRINCIPIO FUNDAMENTAL
Contraste
controlado.
Humano y máquina. Oscuridad y luz espectral. Tipografía monumental y descripciones tranquilas y legibles. Cada pantalla tiene un momento visual dominante.
Vivo
Presente y receptivo.
Audaz
Audaz en escala y lenguaje.
Inteligente
Preciso y con un objetivo claro.
Humano
Cercano a las personas.
Inesperado
Sorprende mediante un cambio de ritmo.
02 / ANIVATAR
El color tiene una función.
La paleta principal de la web. Cada muestra indica el color, su valor HEX y su uso. Los acentos saturados dirigen la mirada hacia lo importante.
Aa
#0B0824Deep Space
Paneles, galerías y superficies secundarias.
--deep-spaceAa
#F7F5FFGhost
Texto principal sobre fondo oscuro.
--ghostAa
#C9C5D6Mist
Descripciones, pies de imagen y texto secundario.
--mistAa
#7226FFElectric Violet
Identidad de marca, energía y toques de luz.
--violetAa
#F042FFHyper Magenta
Expresión, voz y puntos de énfasis visual.
--magentaAa
#87F5F5Plasma Cyan
Acciones principales, estados activos y foco del teclado.
--cyanAa
#C8FF2EAcid Lime
Un botón de contacto destacado y un acento para las llamadas a la acción.
Acentos y superficies de la web
Electric Blue
#225CFFDegradados para títulos e iluminación de escenas.
Laser Blue
#00CFFFEl acento VATAR del logotipo y los detalles luminosos.
Ultraviolet
#3A00FFUn acento espectral adicional.
Signal Blue
#245BFFMódulos tecnológicos y flujo de datos.
Escenario claro
#FBFDFFUna superficie de contraste para el manifiesto.
Error
#FF4F68Un color semántico de error, siempre acompañado de un mensaje.
Colores complementarios de la guía de marca: Night Indigo #160078, Soft Photon #F4F3F8, Ink #0B0913 y Solar Orange #FF5A36. Estos colores pueden utilizarse en escenas y materiales futuros; arriba se muestran los colores principales de la web actual.
65%Fondo
25%Imágenes y superficies neutras
10%Acento
03 / ANIVATAR
Tres tipografías. Una voz.
La web utiliza Space Grotesk, Manrope y Oxanium. Cada una tiene una función fija y su tamaño se adapta al ancho de la pantalla.
01 / TÍTULOS
Space Grotesk
Títulos, cifras grandes y logotipo. Mensajes breves, escala audaz y ritmo compacto. Grosor predominante: 600.
IA que
te mira a los ojos.
Aa Bb 0123456789
Ą Ć Ę Ł Ń Ó Ś Ź Ż · ą ć ę ł ń ó ś ź ż
02 / TEXTO E INTERFAZ
Manrope
Párrafos, formularios y botones. Texto principal: grosores 400–500. Énfasis y acciones: 600–700. Interlineado cómodo y lectura clara.
La tecnología empieza con una conversación.
Creamos personajes digitales que escuchan, responden y ayudan a actuar. El veloz zorro marrón salta sobre el perro perezoso.
Aa Bb 0123456789 · A B C D E F G
03 / ACENTO TECNOLÓGICO
Oxanium
Índices, microetiquetas, estados y navegación principal. Mayúsculas, espaciado entre letras ampliado y grosores de 500–600.
VOZ / HUMANO / IA
Sistema 01–08
Aa Bb 0123456789
Ą Ć Ę Ł Ń Ó Ś Ź Ż · ą ć ę ł ń ó ś ź ż
La escala tipográfica se adapta al ancho de la pantalla. Los grandes titulares llenan la escena. Los párrafos conservan una anchura cómoda para la lectura y un interlineado de aproximadamente 1,6. En móviles, los titulares tienen más interlineado para mostrar completos los signos diacríticos del polaco. Un degradado resalta un fragmento breve del titular.
04 / ANIVATAR
La firma de la marca.
El logotipo original de Anivatar combina un perfil humano con un símbolo espectral fluido. Usamos la versión clara u oscura según el fondo.
Mantener
Mantén el logotipo en una línea, conserva sus proporciones originales, colócalo sobre un fondo legible y deja espacio libre alrededor. Usa la misma grafía en la cabecera y el pie.
Evitar
No estires el logotipo, cambies su tipografía, apliques colores o efectos arbitrarios ni coloques el símbolo sobre el rostro de un personaje o una imagen recargada.
05 / ANIVATAR
La luz revela la personalidad.
El degradado actúa como una fuente de luz: sobre el personaje, en un halo o en un fragmento breve del título. Los textos largos mantienen un color uniforme.
Signature Spectrum
El degradado principal de la marca.
115° · #7226FF → #F042FF (44%) → #87F5F5Espectro de los títulos de la web
Una variación utilizada en los títulos de las subpáginas.
90° · #225CFF → #F042FF → #87F5F5
Cercano a las personas.
Una mirada intencionada, un encuadre cercano y espacio para la tipografía. Dos temperaturas de color realzan el rostro, y una luz de contorno lo separa del fondo.
El fotorrealismo y la estilización pueden convivir. El encuadre, la iluminación y la presentación crean coherencia.
Los motivos incluyen luz alrededor del personaje, el campo de voz y la línea de escaneo. Los iconos geométricos acompañan a etiquetas claras.
06 / ANIVATAR
El espacio importa.
Una cuadrícula flexible de 12 columnas, líneas técnicas y un ritmo cambiante: una gran escena, una descripción tranquila y otro acento potente.
010203040506070809101112
Márgenes y ritmo
En pantallas anchas, el margen lateral suele ser el 4 % del ancho, limitado a entre 24 y 72 px. En móviles suele ser de 20 px. El contenido y los botones permanecen siempre dentro del área segura.
Forma y jerarquía
Una acción individual utiliza un botón con forma de píldora. La elección entre opciones utiliza un rectángulo de esquinas rectas. La misma regla se aplica a los casos de uso, la galería, la descripción del proyecto y el chat. Los módulos de contenido se mantienen planos; en móviles, las columnas forman una secuencia legible.
07 / ANIVATAR
Las acciones son claras.
Cada acción tiene una etiqueta clara. El color, el contorno y el movimiento refuerzan su significado, mientras el foco del teclado identifica el elemento activo.
ACCIONES INDIVIDUALES / REDONDEADAS
Conoce a los personajes
Acción principal / Plasma Cyan + Void
Inicia un proyecto
Contacto / Acid Lime + Void
Explora los colores
Acción secundaria / contorno sutil
SELECCIÓN DE OPCIONES / RECTANGULAR
Contraste y accesibilidad
Ghost y Mist sobre Void. Texto oscuro sobre Cyan, Magenta y Lime. Texto claro sobre Electric Violet. Siempre describimos un estado con una palabra o un icono, aunque cambie su color.
Movimiento con propósito
Respuesta de botones: 180 ms. Tiempos recomendados para la entrada de textos: 450–800 ms; cambios de escena: 700–1400 ms. El movimiento confirma una acción o un cambio de estado. La preferencia de movimiento reducido desactiva las animaciones innecesarias.
08 / ANIVATAR
Hablamos claro.
Frases breves y audaces. Verbos en lugar de jerga. Explicamos la tecnología a través de lo que permite hacer.
Una personalidad.
Cada canal.
La voz de Anivatar
«Una historia que responde».
«Un hogar que entiende más que órdenes».
«Conocimientos técnicos justo donde se necesitan».
El principio de comunicación
Conectamos la visión con el uso práctico. Explicamos a quién ayudamos y cómo. Evitamos los superlativos vacíos, las estadísticas sin respaldo y las promesas de sustituir a las personas.