Una sola marca, bien usada.
Lo que está aquí es lo oficial. Si algo no aparece, no es de la marca. Logo, favicon, colores, tipografía y reglas de uso, con los archivos listos para descargar.
Tres disposiciones, una marca
El cerebro completo, con su circuito, y el nombre en Saira SemiCondensed Black. La que se usa depende del espacio, no del gusto.
Aire alrededor, y un mínimo
Alrededor de la marca se deja libre, como mínimo, el diámetro de uno de los círculos del circuito por cada lado. Nada de texto, bordes, otros logos ni fotografía en esa zona.
Por debajo de esos tamaños los pliegues del cerebro se cierran y la marca se vuelve una mancha. Ahí entra la versión para íconos.
Seis errores, dibujados a propósito
Cada uno está hecho para que se reconozca. Si una pieza se parece a alguno, se rehace.
Tampoco se cambia la proporción entre cerebro y nombre, ni se recompone el texto con otra fuente. En los SVG el nombre ya está convertido a trazados.
Bajo 48 píxeles, la versión reducida
Para favicon, ícono de app y cualquier cosa por debajo de 48 px existe una versión con el contorno exterior del cerebro y el circuito, sin pliegues internos y con trazo más grueso. No es una alternativa de la marca: es su versión de emergencia.
16 px es el piso. A ese tamaño el circuito se pierde y queda el cerebro reconocible. Ninguna versión lo arregla: es lo que caben 16 píxeles.
La paleta es la del sitio
Cuatro colores hacen la marca; el resto son apoyo y funcionales, y están aquí para que el sitio, las propuestas y la imprenta usen los mismos valores.
De marca
De apoyo, para fondos y jerarquía sobre navy
De apoyo, para documentos sobre blanco
Los CMYK son una conversión aproximada: la imprenta los valida con su perfil, y el navy va como negro enriquecido, no como negro plano.
Para qué sí y para qué no
Funcionales del sitio
Existen en el producto y no son de marca: no van en logos, portadas ni impresos. Los colores del diagnóstico de madurez son semánticos de esa herramienta y quedan fuera de esta guía.
Contraste para texto (WCAG)
En el sitio, el texto secundario está escrito como blanco al 60 % (text-white/60). Da el mismo 6,4. Lo que no conviene es bajar de 55 %.
Dos familias, dos trabajos
Las dos son abiertas (SIL OFL), gratis para uso comercial y están en Google Fonts.
Condensed Black
La letra de la marca, y por eso la de los títulos grandes: portadas, encabezados de sección, el titular de una lámina o de una página del sitio. Nunca en párrafos ni en interfaz.
Texto corrido, tablas, botones, formularios, correos, propuestas. Regular para leer, Medium para subtítulos y énfasis, Semibold para botones, etiquetas y títulos pequeños. Donde parezca que hace falta más peso, el título sube a Saira o baja a Semibold.
Si en un documento no se puede instalar la fuente (Word compartido, correo), se usa la que haya y no se finge: mejor Arial que un intento de Inter mal cargado. Los logos no dependen de ninguna fuente, el texto ya está convertido a trazados.
Dos carpetas, una regla
Si va a medir más de 48 px viene de logo/; si menos, de favicon/. Cada archivo se descarga directo desde aquí, o todo junto en el kit.
neurovia-logo-horizontal.svg
neurovia-logo-stacked.svg
mark-small-mono.svgLos PDF vectoriales para imprenta y los PNG de 4000 px vienen solo en el kit. A la imprenta se le envía el PDF, no el PNG: RGB, y si piden CMYK, el navy como negro enriquecido.
Qué es geometría y qué es trazado
El circuito, con su columna, cinco ramas y cinco círculos, y el nombre son geometría exacta: círculos matemáticos, líneas ortogonales, tipografía compuesta sobre línea base. El contorno del cerebro es un trazado vectorial del dibujo original, llevado al mismo grosor de trazo; es orgánico y su irregularidad no se ve a ningún tamaño de uso. Si más adelante el cerebro se redibuja como geometría construida, se reemplaza solo esa pieza y todo lo demás queda igual.
O bajá todo de una vez: kit completo (zip) · guía en PDF
¿Falta algo?
Si necesitás la marca en un formato que no está aquí, o vas a usarla en algo nuevo, escribinos antes de improvisar.
Escribinos