Identidad
Cómo se usa el logo, la paleta y la tipografía de ia4·pro. Los valores de esta página se leen del mismo código que dibuja el sitio, así que no pueden quedarse desfasados.
Cuatro nodos conectados que forman un 4. El símbolo hace de cifra dentro del nombre, así que no se puede quitar: sin él, el logotipo se queda en "iapro".
Va a dos tintas. El ia en un neutro y el símbolo con el pro en borgoña, para que el color de marca quede en la parte que la identifica. Las versiones monocromas van a un solo color a propósito.
Horizontal, versión principal
Vertical
Isotipo, a sus tamaños reales
Por debajo de 48 px pierde los arcos y engorda el trazo. A tamaño de favicon el dibujo original se dibuja a 0,27 px y se desvanece.
Versión negativa
El borgoña y el crema salen del propio logo. Los grises se derivan del tono del borgoña en lugar de ser neutros, para que nada se enfríe al lado de la tinta.
Borgoña
#5A1F1C
hsl(3 53% 23%) · cmyk 0/66/69/65
Tinta, color primario
Contraste sobre crema: 11,65:1
Crema
#FAF4EA
hsl(38 62% 95%) · cmyk 0/2/6/2
Papel, fondo
Contraste sobre crema: —
Tinta
#38302F
hsl(7 9% 20%)
Texto corrido
Contraste sobre crema: 11,76:1
Apagado
#6E6362
hsl(5 6% 41%)
Texto secundario
Contraste sobre crema: 5,30:1
Filete
#E3DCD2
hsl(35 23% 86%)
Bordes y líneas
Contraste sobre crema: 1,24:1
Oro
#D4A373
hsl(30 53% 64%) · cmyk 0/23/46/17
Ornamento. Nunca texto.
Contraste sobre crema: 2,07:1
El oro es solo ornamento. Mide 2,07:1 sobre crema, por debajo del 4,5:1 que pide el texto y del 3:1 que piden los elementos de interfaz. Vale para filetes, orlas y sellos. No vale para texto, botones, enlaces, iconos con significado ni como única señal de un estado.
Los valores CMYK son una conversión directa desde RGB, sin perfil de color. Antes de imprimir hay que convertir con perfil y aprobar una prueba física. Todavía no hay Pantone asignado.
Instrument Serif para títulos, Geist para todo lo demás. La letra del logo es una tercera serif que solo vive en el logo y nunca se compone como texto.
Instrument Serif · títulos
Tu criterio es irreemplazable
Geist · cuerpo
La plataforma dice qué herramienta sirve y cuál no, con datos. El público son personas con una carrera hecha que necesitan entender qué hace la IA en su trabajo concreto.
Geist · etiqueta
Inteligencia artificial para profesionales
El email no lleva SVG. Gmail, Outlook y Yahoo no lo renderizan, así que ahí la cabecera es un PNG con el fondo crema incrustado.
| Sitio | Forma | Versión | Formato |
|---|---|---|---|
| Cabecera del sitio | Horizontal compacto | Hereda el color del texto | SVG |
| Favicon 16 y 32 | Isotipo micro | Teja | .ico y .svg |
| Icono de app | Isotipo micro | Negativa | PNG |
| Cabecera de email | Horizontal compacto | Teja | PNG a 2x |
| Escudo del certificado | Vertical | Positiva | SVG |
| Avatar de redes | Isotipo micro | Negativa | PNG 400x400 |
| Portada de presentación | Vertical | Negativa | SVG o PNG |
| Bordado | Isotipo | Monocromo | SVG |
| Forma | Pantalla | Imprenta a 300 ppp |
|---|---|---|
| Horizontal | 200 px | 25 mm |
| Vertical | 96 px | 12 mm |
| Isotipo | 24 px | 6 mm |
Un diámetro de nodo por cada lado, y escala con la marca. Ya viene incorporada en los archivos, así que si los colocas tal cual, la tienes puesta.
ia4·pro
En prosa, títulos y firmas. El punto medio es un · (U+00B7), no un punto ni un guion.
ia4pro
En URLs, nombres de archivo, código, texto alternativo y donde el punto medio no sobreviva. Es lo que dibuja el logo y lo que usa el dominio.
Siempre en minúscula, también al principio de frase. Si eso incomoda, reescribe la frase.
La guía completa, con las reglas de voz y la lista de lo que todavía no
está migrado, está en docs/brand/ del
repositorio. Los archivos del logo están en
public/brand/ y se regeneran con
pnpm gen:brand.