La guía de Devi
Quién es, cómo se ve, cuándo aparece y cuándo no. La guía completa de uso, para que Devi se vea igual en todas partes.
Quién es
Devi es un robot pequeño con la esquina superior izquierda cortada en diagonal, el gesto del isotipo de DEVMARK. Es la mascota de la marca y, a la vez, la cara de la inteligencia artificial.
DevIA es el nombre formal de esa inteligencia: se usa en menús, ajustes y documentos, siempre con «IA» en mayúscula. Devi es el trato cercano: saludos, tutoriales, videos y redes. Nunca «Devia» ni «DEVIA».
Cabeza grande, pantalla oscura con dos ojos claros en forma de píldora, tres puntitos de altavoz que se apagan, orejas pequeñas y una antena que sale del corte, con una bolita oscura de aro claro. Las manos son manoplas con pulgar; los pies, zapatos con suela oscura.
Colores
Cuatro, cada uno con un solo rol, y salen del isotipo de DEVMARK. Fondos recomendados: claro y tinta.
#5B53D0#3D34BC#A9B4FF#110C29Versiones y tamaños
| Versión | Tamaño en pantalla | Dónde |
|---|---|---|
Base (base) | 24 a 64 px | Avatar de chat, notificaciones, cabecera del asistente y perfil de redes. Por debajo de 48 px, siempre esta. |
Patitas y manitos (patitas) | 96 a 160 px | Estados vacíos, errores, tarjetas de celebración y portales. Los brazos salen de las orejas. |
Cuerpo completo (completo) | 240 a 320 px | Tutoriales, bienvenidas, la portada de una web, videos y reels. Lleva el isotipo de DEVMARK en el pecho. |
El lienzo de todas las versiones mide 300 × 290 y el suelo está fijo, para que al cambiar de estado no salte. En video, la versión completa ocupa entre 500 y 900 px de alto sobre un lienzo de 1080.
Reglas de uso
Dos niveles de IA
La chispa (un icono de cuatro puntas) marca «esto lo hizo la IA» en botones y etiquetas, sin mascota. Devi aparece solo donde hay una conversación o una acción larga de la IA.
Una versión según el tamaño
Por debajo de 48 px, siempre la base. Nunca se escala la versión completa a tamaño de avatar.
Sobria en el trabajo, cálida con el cliente
En paneles densos, solo estados y tamaño pequeño. En portales y bienvenidas, más presencia y celebración.
Solo en lo de DEVMARK
Devi no aparece en sitios de terceros ni de clientes: esos sitios llevan su propia marca.
El tono importa
Nada de gestos juguetones en errores de pago o de seguridad. Mareado, amor, guiño, feliz y sorpresa son reacciones de juego, no estados de sistema.
Accesible
Siempre un texto con el estado (o decorativa si ya hay un texto al lado). Con «reducir movimiento», se queda quieta.
No se altera
Ni la forma, ni los colores, ni las proporciones, ni el nombre. Si hace falta otra pose o accesorio, se genera con el motor.
Cómo reacciona
Estas reacciones son un premio, no una función: existen solo cuando alguien juega con Devi, en bienvenidas, tutoriales y estados vacíos. En una pantalla de trabajo, Devi solo muestra estados y no sigue el cursor.
| Qué hace la persona | Qué hace Devi |
|---|---|
| Mover el cursor | Los ojos siguen primero y el cuerpo los sigue con retraso; la antena y las manos tienen inercia. Con el cursor quieto 4 segundos, mira alrededor. |
| Pasar el cursor encima | Feliz. |
| Quedarse encima más de 1,6 segundos | Amor. |
| Un clic | Se aplasta y salta con sorpresa. |
| Doble clic | Guiño. |
| Tres clics en 1,7 segundos | Mareada durante 3 segundos, e ignora los clics mientras dura. |
| Mantener presionado medio segundo | Se aplasta con cariño y, al soltar, rebota. |
| 12 segundos sin tocar nada | Se duerme; al mover el cursor despierta de un susto. |
Uso y propiedad
Devi y DevIA son de DEVMARK. Úsalos tal como están, sin alterar el personaje, siguiendo las reglas de arriba.