Cómo se ve, cómo suena y cómo se mueve Imaginium. Este documento define el sistema; no define qué se vende ni a cuánto — eso vive en la propuesta comercial y cambia sin que la marca cambie.
Que un negocio deje de perder ventas por lo que pasa entre el contenido y el cierre. El contenido funciona; la conversación no llega, la respuesta tarda, la agenda queda vacía. Ahí trabajamos.
Que cualquier marca pueda tener la infraestructura de captación, respuesta y agenda que hoy solo tiene una empresa grande — armada en 4 semanas, con plazo cerrado y a su nombre.
No prometemos números que no controlamos. Prometemos sistema entregado, funcionando y en fecha. Eso se cumple al 100%, y por eso se puede decir sin temblar.
Agencia de inteligencia artificial, no agencia de contenido. La diferencia: entregamos una máquina, no una campaña. Una campaña se agota; una estructura sigue rindiendo.
Cada una está escrita en la web y se cumple frente al cliente. Un valor que no se puede verificar no es un valor: es decoración.
4 semanas, con fecha de entrega definida desde el primer día. Un proyecto sin cierre drena a los dos lados.
Dominios, cuentas, accesos y datos quedan del cliente. No construimos jaulas ni dependencias.
Lo que cuesta está escrito antes de la reunión. Nadie tiene que pedir para saber.
Garantizamos lo que controlamos: el sistema entregado y funcionando. El resto se mide, no se promete.
Aceptar un trabajo que no podemos hacer bien cuesta más que el dinero que entra.
Una pieza buena se agota. Una estructura buena sigue rindiendo sin nosotros.
| Somos | Pero no | Cómo se nota en la pieza |
|---|---|---|
| Directos | Bruscos | El problema se nombra en la primera línea. Nunca se humilla al cliente por no haberlo visto antes. |
| Cinematográficos | Grandilocuentes | Se cuida la luz, el encuadre y el ritmo. No se escribe «épico», «brutal» ni «wow». |
| Técnicos | Fríos | Se muestra el mecanismo y el número, pero siempre se explica qué significa para una persona. |
| Concretos | Simplistas | Se dan fechas, plazos y entregables. No se resume una decisión difícil como si fuera obvia. |
| Seguros | Arrogantes | Se afirma sin superlativos. «Lo hacemos en 4 semanas» pesa más que «somos los mejores». |
| Futuristas | Fríos de ciencia ficción | El universo de nave y órbita es un vehículo para explicar sistemas, no un disfraz estético. |
La entidad y el sentido. Es lo que firma un contrato, lo que aparece en el pie de una web, lo que sostiene la visión y la propiedad intelectual. No se usa como marca comercial en una landing de venta.
La marca que ve el cliente. Es la que aparece en el sitio, en las piezas, en el avatar y en la firma. Cuando hay duda sobre cuál usar en una pieza pública, es esta.
Un solo apellido. Todo lo que se lanza se nombra «[nombre], de Imaginium AI Studio» — nunca como marca autónoma con logo propio que compita con el principal. El descriptor «AI STUDIO» va siempre en JetBrains Mono, en versalita y con tracking .3em, debajo del logotipo y nunca a su lado.
Qué no se documenta acá: servicios, planes ni precios. Este manual define el sistema visual y verbal; la oferta comercial es un documento aparte y cambia sin que la marca cambie.
Dos arcos abiertos —magenta → violeta a la izquierda, violeta → cian a la derecha— rodeados por una órbita punteada, y adentro la nave a 45° con la ventanilla encendida, dos remaches y la flama. Los arcos se abren justo donde pasa la nave: la nariz sale por arriba y la flama por abajo. El sistema no está encerrado, está en despegue. Este es el símbolo de la marca y no se reemplaza.
Siete elementos: dos arcos, órbita, nave, aletas, ventanilla con remaches y flama. La ventanilla es el único punto de cyan puro del símbolo, y por eso es lo primero que el ojo encuentra.
Lienzo de 240 × 240. Los dos arcos corren sobre una circunferencia de radio 88 centrada en 120,120, con trazo de 11, remate redondo y aperturas de 34° sobre el eje. La órbita punteada va en radio 104. Todo el conjunto gira 45° sobre ese mismo centro: la nariz apunta a la 1:30. Ninguno de estos valores se ajusta a ojo.
El margen libre en los 4 lados equivale a la mitad del radio del anillo. Nada entra ahí: ni texto, ni otro logo, ni el borde de una tarjeta. Tamaño mínimo de la versión principal: 32 px en pantalla y 12 mm impreso. Por debajo de eso se usa la versión reducida.
Cada variante tiene un uso definido. Si una situación no encaja en ninguna, la respuesta no es inventar una sexta: es cambiar la situación.
La versión por defecto. Se usa siempre que el fondo sea oscuro y el tamaño supere los 32px. Es la única que lleva los degradados completos de marca.
La misma marca, sin adaptación. Los degradados tienen luminosidad suficiente para sostenerse sobre marfil. No se le agrega contorno ni sombra.
Para impresión a una tinta, grabado, bordado y cualquier soporte donde el degradado no exista. La ventanilla se cala en el color del sustrato.
La misma lógica sobre claro: documentos, papelería, sellos y cualquier pieza en negro sobre blanco.
Arcos engrosados a 16, nave y flama macizas, sin órbita, ventanilla ni remaches. A tamaños chicos el detalle se cierra y ensucia la silueta; esta versión la resuelve. Favicon, avatar chico, notificaciones.
A 30px la versión principal pierde la ventanilla y los degradados se promedian a un tono plano. La reducida conserva la silueta reconocible. Es la misma marca, no otra.
El de uso general: barra de navegación, firma, pie de página, presentaciones. Separación entre símbolo y texto: 0,28× la altura del símbolo.
Para formatos angostos o cuadrados: historias, portadas, merch, sellos. El descriptor siempre debajo, nunca al costado.
Cuando el nombre ya está presente en el contexto: avatar de una cuenta que se llama Imaginium, favicon, sello de esquina en un video.
Vectoriales, listos para usar. Se generan desde este mismo documento, así que siempre coinciden con lo que ves arriba.
Una lista de prohibiciones en texto no se lee. Esto sí: al lado de cada error está lo mismo bien hecho.
Proporción original, fondo oscuro plano, área de respeto libre.
Nunca se estira ni se comprime. Se escala en proporción o no se escala.
El símbolo no se tiñe de un color de la paleta. O va en color, o va monocromo marfil u obsidiana.
La nave ya está a 45°. Girar el conjunto rompe el eje que define la marca.
Los degradados del símbolo compiten con el fondo y se pierde la ventanilla. Fondo plano, siempre.
Sin sombras, biseles, contornos ni relieve. El glow atmosférico del fondo sí está permitido; la sombra pegada al símbolo no.
El logotipo va en Poppins 700, en versalita, con tracking .1em. Nunca en Inter ni en minúscula.
El texto entra en el margen del símbolo. La separación mínima es media vez el radio del anillo.
Los ratios están calculados sobre #0A0B14 con la fórmula WCAG 2.1 en este mismo documento. Clic en cualquier muestra para copiar el hex.
76% deep · 14% ivory · 5% cyan · 3% violet · 2% magenta. El vacío es lo que hace que el acento funcione. Si en una pantalla hay más cyan que texto, el ojo deja de saber dónde está la acción.
Siempre a 90°. Uno solo por pantalla. Dos degradados distintos visibles a la vez se anulan y la pieza se lee como plantilla.
El violeta #8B5CF6 sobre el fondo da 4,63:1 — supera el umbral AA de 4,5:1, pero con poco margen. Por eso: violeta libre en bordes, glows, fondos, rellenos, titulares y énfasis puntuales; en párrafos largos o datos críticos, mejor reservarlo para 18px o más y preferir cyan, oro, marfil o muted cuando el texto sea chico.
Poppins cubre dos oficios — titulares y rótulos de sistema — en dos pesos distintos, para no sumar una cuarta familia. Si una pieza necesita una quinta, el problema es la pieza.
Carga la personalidad de la marca. Titulares, logotipo, nombres de sección, cifras destacadas. Peso 700 para titulares, 600 para subtítulos. Tracking negativo: -.03em a -.045em según tamaño.
En párrafos largos, en texto de interfaz ni por debajo de 16px.
Legibilidad ante todo, neutra a propósito: el contraste con Poppins es lo que hace brillar al titular. Todo el cuerpo de texto, descripciones, listas y botones de texto largo.
Cuerpo en 300, no en 400. El mismo peso se percibe más grueso sobre negro. Excepción: botones y énfasis, en 500-600.
Etiquetas, metadatos, cifras técnicas, el descriptor «AI STUDIO», timestamps y todo lo que se lee como dato y no como prosa. Siempre con tracking positivo: .1em a .3em.
Poppins ExtraBold, todo en mayúscula. Solo para rótulos cortos del universo de marca: «PUENTE DE MANDO», «TRAYECTORIA», nombres de sistema. Nunca más de 3 palabras y nunca en minúscula.
| Nivel | Familia | Tamaño | Peso | Tracking | Dónde |
|---|---|---|---|---|---|
| D1 | Poppins | clamp(2.4rem, 6.4vw, 5.6rem) | 700 | -.045em | Portada, hero |
| D2 | Poppins | clamp(1.7rem, 3.4vw, 2.9rem) | 700 | -.03em | Títulos de sección |
| D3 | Poppins | clamp(1.1rem, 1.6vw, 1.35rem) | 600 | -.02em | Títulos de tarjeta |
| T1 | Inter | 1.12rem | 300 | 0 | Párrafo destacado |
| T2 | Inter | 1rem | 300 | 0 | Cuerpo |
| T3 | Inter | 0.88rem | 300 | 0 | Texto secundario |
| M1 | JetBrains Mono | 0.7rem | 500 | .16em | Etiquetas, botones |
| M2 | JetBrains Mono | 0.6rem | 500 | .2em | Metadatos |
| O1 | Poppins | 0.58rem | 700 | .28em | Rótulos de sistema |
Mezclar familias de easing sin criterio es la razón número uno por la que una interfaz se siente hecha por comité. La marca tiene una y se respeta en todas partes.
Entrada rápida, salida larga y suave. Comunica peso y confianza sin sentirse lenta. Es la curva que ya declara el sitio y la única autorizada.
CLIC EN CADA PISTA PARA COMPARAR
Opacidad + desplazamiento de 22px hacia arriba. Nunca escala desde cero, nunca rotación de entrada, nunca rebote en contenido informativo.
Al 60-70% del tiempo de entrada. Lo que se va, se va más rápido de lo que llegó: eso es lo que hace que una interfaz se sienta ágil sin sentirse apurada.
Ninguna animación pasa 1 segundo sin una narrativa que lo justifique. Cruzado ese umbral el usuario no percibe «premium»: percibe «lento».
Revela, no transforma. El contenido aparece; no se deforma, no hace parallax agresivo ni se pega. Eso lee como plantilla.
Todo respeta prefers-reduced-motion. Una marca que marea a alguien no es premium: es descuidada.
Radiales grandes y suaves de violeta y cyan sobre el fondo, siempre por debajo del 45% de opacidad. Nunca neón duro ni halos pegados a un elemento.
El borde nunca es gris: es violeta al 26% o cyan al 36%. Es un detalle que casi nadie nota conscientemente y que hace que toda pieza se sienta del mismo sistema.
Blanco al 4-7% con desenfoque. Solo funciona sobre oscuro, y por eso es un diferenciador que no se puede replicar en modo claro.
Círculos de 6px con glow del mismo color, latiendo lento. Marcan telemetría, listas y estados. Son el elemento más reutilizable del sistema.
Progreso con el degradado grad-cy y glow. Se usa para avance, carga y cualquier métrica que suba. Altura 4px, radio completo.
Líneas horizontales de cyan al 6% cada 4px. Textura de pantalla de nave. Se usa sobre lienzos y previews, nunca sobre texto de lectura.
Isotipo centrado sobre deep con anillo violeta. Sin texto: a 40px el nombre no se lee, la silueta sí. Bajo 40px, versión reducida.
Poppins 700, máximo 5 palabras por cuadro, tercio inferior. Isotipo chico arriba a la derecha. Nunca texto sobre una cara.
Lockup vertical centrado, glow superior, rótulo Poppins al pie. Todo el contenido dentro del 80% central para no chocar con la interfaz de la app.
Barra cyan de 2px como marca de agua. El símbolo va como SVG o PNG embebido, nunca como imagen remota: los clientes de correo la bloquean.
Isotipo arriba a la izquierda, paginación mono arriba a la derecha, contenido abajo. Un solo glow por slide, siempre en la esquina opuesta al texto.
Variantes monocromas 03 y 04. La ventanilla queda calada en el color del sustrato: en tela es el hilo del fondo, en papel es el papel.
Si cualquier generador de texto puede imitar la voz, no hay voz: hay registro. La diferencia la hacen dos listas.
Se usan con consistencia. En seis meses un cliente debería reconocer un texto de Imaginium sin ver el logo.
Glosario: «pieza» reemplaza a «contenido». «Sistema» reemplaza a «solución». «Cadena» describe cómo se conectan las tres piezas. «Trayectoria» reemplaza a «reporte».
No por estar mal escritas, sino porque las dice todo el mundo. Usarlas nos vuelve intercambiables.
Regla dura: tampoco se promete un número que no controlamos. Se promete sistema entregado, plazo cerrado y propiedad del cliente.
«El contenido funcionó.
La venta igual se perdió.»
Nombra el dolor exacto sin adjetivos. Dos frases, un contraste, cero promesas.
«Construimos el sistema que capta, responde y agenda por vos. Armado en 4 semanas, con precio cerrado.»
Verbo concreto, plazo concreto. Nada que no se pueda cumplir.
HACER EL DIAGNÓSTICO · 3 MIN
Verbo en infinitivo, y siempre el costo real para el usuario: cuánto le va a llevar.
01. ¿El símbolo está en su proporción original, con el área de respeto libre y sobre fondo plano?
02. ¿Hay un solo degradado y un solo acento dominante en la pantalla?
03. ¿Todo el texto pasa AA sobre su fondo, y nada crítico está en violeta?
04. ¿Los números están en dígitos y las palabras prohibidas afuera?
05. ¿Si le sacás el logo, la pieza se sigue reconociendo como Imaginium?
06. ¿Hay algo acá que sea un servicio o un precio? Si sí, está en el documento equivocado.