El círculo es la disciplina
Un sistema geométrico cerrado — una retícula, un módulo, un centro. Nada en la marca está dibujado a ojo. Es el argumento visual de la estrategia, los datos y la estructura detrás de todo lo que firmamos.
Directrices de marca e identidad
El sistema detrás de la marca: cómo está construida, cómo se colorea, cómo se espacia y dónde va cada versión. Todo lo que un diseñador necesita para usar la marca correctamente, y el razonamiento que hace que cada regla no se negocie.
¡Empecemos!Una identidad es un argumento, hecho visual.
Genius Creative nació el 8 de marzo de 2025 alrededor de una sola convicción: que la creatividad sin medición es decoración, y la medición sin creatividad es una hoja de cálculo. La identidad tenía que sostener ambas ideas a la vez — y tenía que hacerlo en una sola forma.
Un círculo que se niega a cerrarse, y un movimiento que lo lleva hacia adelante.
La apertura es el trabajo
El anillo se abre en lugar de cerrarse sobre sí mismo. Una marca que se cierra está terminada; la nuestra sigue abierta porque cada proyecto es un sistema inacabado que se sigue mejorando.
El giro es el resultado
Donde el círculo se abre, la forma gira hacia afuera a exactamente 45° y se va. Ese vector es lo que los clientes realmente contratan: impulso, dirección y un resultado medible al final.
Ese es el brief completo, y toda la marca es la respuesta. Todo lo que sigue — la geometría, las variaciones, la paleta, la tipografía, la textura — existe para mantener ese argumento legible a cualquier tamaño, en cualquier medio, en cualquier idioma.
/ CAPÍTULO 02 — EL SÍMBOLO /
Construido sobre una retícula, no a ojo.
El símbolo de Genius Creative es una construcción, no un dibujo. Se resuelve sobre un campo cuadrado de diez módulos, y cada radio, grosor y esquina de la marca es un múltiplo entero de un módulo. Nada es arbitrario — por eso puede reconstruirse desde cero a cualquier escala.
Un cuadrado de diez
El símbolo se apoya en un cuadrado de 10u × 10u. Ni un rectángulo ni una sección áurea — un cuadrado, porque la marca debe leerse igual como avatar, como favicon y como un letrero de dos metros.
10u × 10uUn centro, cinco anillos
Un único punto central en 5u,5u genera cinco círculos concéntricos, separados por un módulo. Cada curva que verás a partir de aquí es una de esas cinco — la marca nunca inventa un sexto radio.
r = 1u · 2u · 3u · 4u · 5uEl anillo, un módulo de grosor
El círculo exterior en 5u y el siguiente en 4u definen el cuerpo de la G. El trazo mide exactamente un módulo — el mismo peso que gobernará todas las demás líneas de la identidad.
5u → 4u · trazo 1uLa apertura
El anillo se corta y gira hacia adentro, terminando sobre los círculos de 3u y 2u. Esta es la contraforma: el espacio negativo que mantiene la G siendo una G y evita que la marca se lea como un punto cerrado en tamaños pequeños.
3u → 2uCuadrado, radio 2u, cortado a 45°
Desde el mismo centro, un cuadrado redondeado corre de 3u,3u al borde del campo, con una esquina de 2u. Una diagonal de 45° desde el centro lo corta en el vector hacia adelante — el movimiento que toda la marca está construida para entregar.
3u → 10u · esquina 2u · 45°Genius Creative
Sin retícula, la construcción se convierte en el símbolo. El azul lleva la estructura, el verde lleva el movimiento, y los dos nunca intercambian su papel.
Construcción finalUn módulo — u — es una quinta parte del radio exterior del símbolo. Cada medida de la marca se expresa en u, así que la construcción sobrevive a cualquier cambio de tamaño sin un solo decimal.
Nunca redibujes, calques ni reconstruyas el símbolo a mano. El vector maestro es la única fuente de verdad — esta página muestra cómo se hizo, no es permiso para rehacerlo.
Una marca, dos versiones.
La identidad se entrega en una versión completa y una versión corta. Ese es todo el sistema. Cada aplicación es una de estas dos — no hay una tercera construcción a la que recurrir ni nada que improvisar.
X por cada lado.
El área de protección es el espacio mínimo permitido alrededor del logotipo. Se mide en X — y X es siempre la mitad de la altura de la marca que se está colocando, así que la regla se lee igual en la versión completa y en la corta.
X X X X
X X X X
X = ½ de la altura de la marca
Nada entra en la zona: ni texto, ni borde de imagen, ni otro logo, ni recorte, ni botón. Como X se deriva de la propia marca, el área de protección escala con el logo automáticamente — nunca hay que recalcularla.
260 170 120 · min
72 44 24 · min
Full color primero. Monocromático cuando la superficie lo exige.
La versión cromática es la marca. El monocromático existe para las situaciones donde el color es imposible o fallaría — nunca como preferencia estética. Las dos variaciones, completa y corta, existen en todas las versiones de abajo.
Variaciones cromáticas
Cuatro superficies aprobadas. Sobre claro la marca va cromática con el logotipo en Ink; sobre Blue, sobre Green y sobre el degradado toda la marca va en blanco. No existe una quinta superficie.
Versión completa
Sobre claro
Cromática — símbolo azul, movimiento verde, logotipo en Ink.
Sobre Blue
Toda la marca en blanco.
Sobre Green
Toda la marca en blanco.
Sobre el degradado
Toda la marca en blanco, nunca rellena de degradado.
Versión corta
Sobre claro
Cromática — símbolo azul, movimiento verde, logotipo en Ink.
Sobre Blue
Toda la marca en blanco.
Sobre Green
Toda la marca en blanco.
Sobre el degradado
Toda la marca en blanco, nunca rellena de degradado.
Monocromáticas
Para reproducciones que no admiten color en absoluto — impresión a una tinta, sellos, grabado, documentos fotocopiables. Un solo color en el símbolo y el logotipo juntos.
Versión completa
Ink — positivo
Toda la marca en Ink, para superficies claras.
Blanco — negativo
Toda la marca en blanco, para fondos oscuros y fotografía.
Versión corta
Ink — positivo
Toda la marca en Ink, para superficies claras.
Blanco — negativo
Toda la marca en blanco, para fondos oscuros y fotografía.
Nunca mezcles una versión con un fondo para el que no fue hecha
La versión cromática sobre banda oscura usa el logotipo en blanco, no el de Ink. Equivocarse aquí es la forma más común de romper la marca.
Monocromático es un color, no dos
Una versión monocromática tiñe el símbolo y el logotipo por igual. Dejar el símbolo a color y las palabras en negro no es una versión monocromática — es una cromática rota.
Sobre fotografía, blanco primero
Sobre una imagen, usa la versión blanca en negativo sobre un área tranquila y suficientemente oscura. Si el área no es lo bastante oscura, coloca la marca sobre un campo sólido en lugar de teñirla.
Tres valores. Un sistema.
La paleta es deliberadamente corta. Dos colores de marca llevan el significado, una tinta lleva las palabras, y una escala neutra lleva todo lo demás. Una paleta corta es lo que hace que una marca se reconozca de un vistazo.
Blue
Primario — estructura, estrategia, confianza
- HEX
- #0061FC
- RGB
- 0 · 97 · 252
- CMYK
- 100 · 62 · 0 · 1
El cuerpo del símbolo, las acciones principales y cualquier momento en que la marca necesite afirmarse. Nunca como texto sobre fondo oscuro — cae por debajo del contraste.
Green
Secundario — movimiento, crecimiento, resultado
- HEX
- #00D1A4
- RGB
- 0 · 209 · 164
- CMYK
- 100 · 0 · 22 · 18
El vector hacia adelante del símbolo, los estados de progreso y las confirmaciones. Es un acento, nunca un fondo para texto de lectura.
Ink
Tipográfico — el logotipo y la voz
- HEX
- #1F2229
- RGB
- 31 · 34 · 41
- CMYK
- 24 · 17 · 0 · 84
El logotipo en la versión cromática, y todos los titulares sobre superficies claras. Más cálido y menos brutal que el negro puro, por eso nunca es #000000.
Canvas
Neutro — la página
- HEX
- #F2F2F0
- RGB
- 242 · 242 · 240
- CMYK
- 0 · 0 · 1 · 5
El fondo por defecto de la marca. Ligeramente cálido, para que el azul se lea eléctrico contra él y no clínico.
El contraste no se negocia. El Blue como texto pertenece solo a superficies claras; sobre bandas oscuras se reemplaza por un tinte aclarado para que toda combinación supere 4.5:1. Una marca que no se puede leer no es una marca.
La proporción
Aproximadamente 70% neutro, 20% azul, 10% verde. El verde nunca lidera — aparece donde el ojo debe terminar.
Tres tipografías, tres trabajos.
Una tipografía construye el logotipo, una afirma y una explica. Cada una tiene un límite, y esos límites son los que evitan que la marca suene como tres empresas distintas.
Logotipo Aa
Web — h1, h2, h3 Aa
Web — h4–h6, p, li, blockquote Aa
Genius Creative Syne 700 — live text
Dónde vive cada una
- Logotipo
- Syne
- Vectorizada, nunca texto vivo
- h1 · h2 · h3
- Inter
- Titulares y títulos de sección
- h4 · h5 · h6
- Delight
- Subtítulos dentro del contenido
- p · li · blockquote
- Delight
- Todo el texto de lectura
- Botones · badges · cifras
- Inter
- Interfaz y datos
Tracking display
Los titulares por encima de 40px cierran a −0.03em. El display sin tracking se lee flojo y deja de parecerse a nosotros al instante.
Medida de línea
Los párrafos nunca son más anchos. Más allá de eso el ojo pierde el retorno de línea y el texto deja de leerse.
Interlínea del cuerpo
Interlineado generoso en el texto de lectura. La marca tiene la confianza suficiente para dejar espacio.
La marca, repetida hasta ser superficie.
El patrón no es decoración comprada en una librería — es el símbolo mismo, desplazado y repetido hasta volverse un campo. Permite que la marca llene un espacio sin gritar su propio logo dos veces.
Detrás, nunca delante
El patrón vive en baja opacidad debajo del contenido. Si compite con lo que está escrito encima, ya falló.
Recortado, nunca completo
Siempre se sale del borde de su contenedor. Un patrón con bordes visibles se lee como una muestra de textura, no como una superficie.
Un color a la vez
Azul sobre claro, blanco sobre azul, verde sobre tinta. El patrón nunca lleva dos colores de marca a la vez — ese es el trabajo del símbolo, no de la textura.
/ CAPÍTULO 08 — EN EL MUNDO /
Una identidad solo es real cuando se aplica.
Un banner en un poste. Un cartel iluminado en un paso subterráneo, una valla al atardecer, una señal contra el cielo. Tarjetas, cinta de embalaje, sellos, una pantalla — y las salas donde el trabajo realmente se hace. Distintas imprentas, distintos materiales, distintas distancias de lectura, y un solo sistema sosteniéndolo todo.
Cómo se coloca la marca.
Casi todo el daño que sufre un logo no es mala intención — es una colocación hecha con prisa. Estas son las comprobaciones que toman cinco segundos y lo evitan todo.
Mantén la versión completa como opción por defecto
Recurre a la versión corta solo cuando el espacio sea cuadrado o esté por debajo del mínimo de la completa, o cuando la completa ya haya aparecido en la misma superficie.
Haz coincidir la versión con el fondo
La cromática sobre claro usa el logotipo en Ink; la cromática sobre oscuro usa el blanco. Sobre fotografía o un campo cargado, usa la versión blanca en negativo.
Respeta un módulo de aire
Un u de área de protección en los cuatro lados, tomado de la propia construcción del símbolo. Mídelo desde la marca, no desde el contenedor.
Escálala proporcionalmente, desde el archivo maestro
Siempre los dos ejes juntos, siempre desde el vector. El SVG es independiente de la resolución — nunca hay razón para usar un raster ni para reconstruirla.
El degradado
El degradado de la marca va de Blue a Green — los mismos dos valores, en el mismo orden en que el símbolo los lee: estructura hacia movimiento. Es un tratamiento de superficie, y tiene una regla que importa.
#0061FC → #00D1A4
- Úsalo en fondos, tipografía de acento y superficies display grandes.
- Mantén la dirección constante: azul al inicio, verde al final.
- Dale espacio — un degradado sobre un elemento pequeño se lee como un solo color sucio.
Lo que la identidad no es.
Cada regla de abajo existe porque romperla destruye algo concreto de la construcción — no por cuestión de gusto.
No recolorees la marca
El azul es la estructura y el verde es el movimiento. Intercambiarlos o teñirlos con colores fuera de la paleta borra todo el argumento del símbolo.
No apliques el degradado al logo
El degradado es para superficies. Sobre la marca funde el límite entre estructura y movimiento, y las dos ideas dejan de ser dos.
No la deformes ni la rotes
La construcción es cuadrada y alineada a los ejes. Estirarla rompe el trazo de 1u, y rotarla rompe el vector de 45° que le da dirección a la marca.
No agregues efectos
Sin sombras, sin biseles, sin contornos, sin brillos. La marca es geometría vectorial plana y se queda así a cualquier tamaño.
No la ahogues
Un módulo de área de protección por cada lado, siempre. Una marca pegada a un titular o al borde de una foto deja de leerse como marca.
No separes el lockup
El símbolo y el logotipo mantienen la distancia y la alineación que tienen. Reespaciarlos, apilarlos de otra forma o retipear las palabras crea un logo que no es el nuestro.
No la tiñas a medias
Símbolo a color con las palabras en negro no es una versión monocromática. Monocromático significa un solo color en toda la marca.
No la pongas sobre ruido
Sobre fotografía la marca necesita un área tranquila o un campo sólido detrás. Si la contraforma no se ve claramente, la colocación está mal.
Lo que todo esto protege.
Un manual de marca no se trata de logos. Se trata de asegurar que cada vez que alguien se encuentra con Genius Creative, se encuentre con la misma empresa.
Creatividad con datos
El buen marketing necesita arte y ciencia. Cada decisión creativa está respaldada por datos y diseñada para convertir — la identidad incluida.
Resultados sobre vanidad
Los likes y las vistas no pagan las cuentas. La marca apunta a las métricas que importan: leads, ventas y retorno.
Alianza sobre servicio
Actuamos como una extensión del equipo, no como un proveedor. La identidad está construida para sentarse al lado de las marcas de nuestros clientes, nunca encima de ellas.
La consistencia no es una restricción. Es la única razón por la que una marca llega a ser reconocible.
¿Listo para empezar?
Construyamos algo grande juntos
Hablemos sobre cómo podemos ayudar a tu negocio a alcanzar su máximo potencial.
Comenzar