Mainiads
Las 19 páginas reales de la guía de marca, una a una: qué contiene cada página, qué decisión de diseño hay detrás y por qué importa. No es un resumen — es el documento completo, explicado.
La primera impresión también sigue las reglas del sistema
La portada combina el isotipo /m en negro con el logotipo completo en gris — la misma jerarquía cromática de protagonista y apoyo que se repetirá página tras página.
La fecha de actualización, en versalitas pequeñas sobre el título, convierte el documento en una versión viva del sistema, no en un entregable cerrado de una sola vez: invita a volver a consultarlo.
Diez fases, un único recorrido lineal
El índice enumera las diez secciones que estructuran la guía, cada una con su propio enlace de navegación interno. Ese mismo orden —Inicio, Principios de comunicación, Logotipo, Colores, Tipografía, Recursos gráficos, Composición, Cohesión, Verificación, Final— es el que sigue esta página, sección por sección, sin saltos ni atajos.
Un índice navegable no es un adorno: es la primera señal de que el documento está pensado para consultarse, no solo para leerse una vez de principio a fin.
El manifiesto antes que cualquier norma técnica
Antes de fijar un solo color o tamaño de fuente, se establece el propósito como brújula filosófica. Mainiads no se define como una agencia de marketing digital más, sino como una marca consciente de que el diseño es el centro de la comunicación estratégica.
El manifiesto cierra con una secuencia de verbos deliberada — destacar, conectar, provocar acción, y hacerlo juntos— antes de aterrizar en el tagline que resume todo el sistema: Marketing made simple.
Cuatro adjetivos que sí, cinco que nunca
Un sistema visual impecable pierde eficacia si el texto adopta un tono que choca con la sobriedad gráfica. Con clientes corporativos de alto nivel, la voz debe mantenerse técnica y confiable en cualquier canal.
- Minuciosos
- Acertados
- Directos
- Simples
- Sarcásticos
- Graciosos
- Políticos
- Incorrectos
- Descuidados
Cada carácter del nombre tiene una razón de ser
El wordmark se descompone en tres bloques de significado, y cada uno se explica por separado antes de mostrarse unido.
Un mismo símbolo, cuatro contextos distintos
Logotipo e isotipo se muestran en las mismas cuatro combinaciones —blanco sobre negro, negro sobre blanco, blanco sobre Aurora Vélum y Sistema de Núcleo de Color (SNC)— para que la equivalencia entre ambos quede clara de un vistazo.
El SNC identifica manualmente el color dominante de la fotografía de fondo y lo aplica al logotipo, dotando a la marca de flexibilidad camaleónica en entornos fotográficos cambiantes sin perder nunca su identidad. Las combinaciones de bajo contraste —azul sobre morado, rojo sobre verde— quedan estrictamente prohibidas para proteger la legibilidad en cualquier campaña.
Un lenguaje cromático con significado semántico
La paleta equilibra la energía de los colores vivos con la neutralidad de los grises. En analítica avanzada y ads digitales, el color necesita significar algo: verde para éxito o conversión, rojo para alerta, azul para lo informativo, naranja para la llamada a la acción.
Cinco colores principales (blanco, negro, rojo, azul, verde) se amplían con una familia secundaria de rosas, lilas y amarillos, y se sostienen sobre dos escalas de gris —oscura y clara— de seis niveles cada una, para construir jerarquía tonal sin depender siempre del color.
Una única voz tipográfica para toda la marca
Inter fue elegida por ser una familia variable diseñada específicamente para pantallas: directa, clara, fuerte y pulida, sin restar nunca importancia a los temas de los que se habla.
Incluye funciones OpenType avanzadas —alternancias contextuales, cero con barra inclinada, números tabulares— que la muestra de glifos (en negro sobre blanco y blanco sobre negro) despliega en su totalidad, demostrando que la elección tipográfica se validó al detalle, no solo por su apariencia general.
Una escala que se decide en contexto, no en tabla
De H1 a Footnote, cada nivel se presenta con su peso y proporción relativa, marcado como "XXpx" en lugar de un valor fijo — la escala se apoya en múltiplos de 2 (8, 12, 16, 20...) como lógica interna, pero el tamaño exacto de cada nivel se define por el diseñador en cada pieza y se valida junto a Mainiads.
Es una flexibilidad deliberada: prioriza el criterio contextual —una landing no es un Product Deck— sobre una tabla cerrada que obligaría a reinterpretar la jerarquía en cada nuevo formato.
Solo dos alineaciones sobreviven en el sistema
El contenido bien dispuesto mejora la lectura y transmite armonía. La tipografía grande siempre debe alinearse a la izquierda o al centro.
- Alineación izquierda
- Alineación centrada
- Margen lateral respetado
- Ocupar todo el ancho disponible
- Texto justificado
- Alineación a la derecha (salvo excepción aprobada)
El aire entre líneas también comunica calma
El interlineado es el espacio vertical entre líneas de texto. Aunque sutil, es esencial para la claridad y la estética de cualquier composición escrita — guía al lector de forma natural y reduce la fatiga visual.
Los ejemplos incorrectos muestran ambos extremos: un interlineado excesivo que desconecta visualmente las líneas, y uno demasiado comprimido que fuerza la lectura y satura el contenido. El punto correcto está siempre en medio, nunca en los extremos.
Ni comprimido ni expandido: el punto justo
El tracking es el espacio asignado entre todas las letras de una palabra. Debe ser ligeramente ajustado, evitando tanto un espaciado excesivamente amplio como uno demasiado apretado.
Al mostrarse sobre un fondo gris neutro —no blanco— la página aísla el efecto tipográfico de cualquier otra variable visual: aquí el único protagonista es el espacio entre letras.
Sentence case, incluso sobre el fondo insignia
Al establecer texto, siempre se debe utilizar sentence case — solo la primera letra en mayúscula. El ejemplo prohibido se muestra directamente sobre el fondo Aurora Vélum, el activo visual más reconocible de la marca.
Esa elección no es casual: si la regla se rompe incluso sobre el fondo más cuidado del sistema, la prohibición del ALL CAPS queda fuera de toda duda para cualquier pieza futura, sea cual sea el contexto.
Transparencia también en la letra pequeña
Inter está licenciada bajo Open Font License (OFL): puede usarse libremente en productos y proyectos, impresos o digitales, comerciales o no comerciales.
La página incluye un matiz poco habitual en una guía de marca: aclara explícitamente que esto no constituye asesoramiento legal, y da crédito a Rasmus Andersson, el desarrollador sueco afincado en San Francisco que lidera el proyecto tipográfico — un gesto de rigor y honestidad hacia el trabajo de terceros.
El activo visual más reconocible del sistema
Aurora Vélum se construye en tres capas explicadas por separado: un degradado suave, una textura de ruido sutil y una retícula decorativa opcional. Solo al combinarse las tres aparece el resultado final — nueve variantes cromáticas distintas, todas reservadas exclusivamente para la web y el Product Deck.
La misma página reúne el resto de recursos exclusivos: el equipo, el listado de clientes de referencia (L'Oréal, MediaMarkt, Iberdrola, Dia, Huawei, entre otros) y dos familias de iconografía 3D — de producto y de uso general — que comparten la misma paleta cálida-a-fría del fondo insignia.
El mismo lienzo, tres programas distintos
La página incluye además una plantilla de jerarquía de títulos (Título principal → Título de sección → Subsección) y las reglas de uso del separador gris #BABABA, para que cualquier documento nuevo nazca con la misma estructura, sin reinventarla cada vez.
Paridad institucional en cada colaboración
El logotipo debe estar presente en todas las páginas de cualquier presentación, en posición fija y con protagonismo central en portada, funcionando como un sello constante de identidad.
En cobranding, el logotipo de Mainiads se coloca siempre a la izquierda y en versión larga — la lectura occidental de izquierda a derecha asegura que se reconozca primero, sin parecer un proveedor secundario frente a marcas como Primor, mejorSet o MediaMarkt. El separador y el propio logo adoptan el color dominante del colaborador, garantizando armonía sin diluir la identidad propia.
De documento pasivo a filtro de calidad
Cinco bloques de autoevaluación —Identidad visual, Tipografía, Maquetación y diseño, Tono y cohesión, Colaboraciones— cierran la guía convirtiéndola en un instrumento operativo, no en un documento de referencia pasivo.
- Identidad visual — versión correcta del logo, margen de seguridad, colores sin modificar
- Tipografía — pesos correctos de Inter, tracking e interlineado dentro de rango
- Maquetación — márgenes de 75px, alineación válida, jerarquía respetada
- Tono y colaboraciones — comunicación profesional, logo de Mainiads a la izquierda en cobranding
Marketing made simple.
La página de cierre recupera el isotipo /m como forma pura, ahora como fondo silueteado a gran escala — el símbolo que abrió el documento en miniatura, en la portada, lo cierra ahora ocupando todo el espacio.
Sin más adorno que el tagline y la firma de autoría —by Abel Mercadal—, la última página aplica sobre sí misma la primera regla del manifiesto: el buen diseño no habla alto, habla claro.