Guía de marca · 2026-08-09
Compañía de Innovación de Santiago
RUT 78.384.591-1
Compañía de Innovación de Santiago SpA
La operativa tecnológica del grupo. Construye y opera todo lo que se publica, y es la que aparece como operadora en el pie de los demás sitios.
Cerrado
- La marca y su geometría
- El namebrand y su corte
- Las cuatro familias de lockup
- La voz de los epígrafes: Plex Sans Condensed
Abierto
- El acento en tema oscuro (P1)
- El co-brand: divisoria o punto (M22)
- El radio de los controles (A4)
- La franja del borde de las tarjetas (T3)
1 · el trabajo
Lo que hace esta marca
Seis sitios en producción. Esto es lo que la marca tiene que sostener fuera de esta guía, y la razón por la que el lockup y el acento importan.
La pieza, sin el visor alrededor
El mapa isométrico es lo más parecido a una obra propia que tiene la Compañía. No es una interfaz: es una salida del modelo.
2 · el símbolo
La marca
Dos círculos concéntricos: anillo exterior fino y anillo interior grueso, sobre un lienzo de 200. El interior es el que da la lectura a tamaño chico.
120, 56, 32 y 16 píxeles. A 16 tiene que seguir leyéndose, porque ese es el tamaño del favicon.
| Lienzo | viewBox 0 0 200 200 |
| Anillo exterior | radio 92, trazo 4 |
| Anillo interior | radio 56, trazo 18 |
| Color | currentColor, sin relleno |
3 · el nombre dibujado
El namebrand
Versalita, peso 800, tres líneas cortadas por artículo. Ese corte es el canónico: gen-chrome ya lo emite así.
de Innovación
de Santiago
Caja versalita · peso 800 ·
tracking 0.02em · cuerpo 11,5px · interlineado 1.12
de Innovación
de Santiago
Siempre acompañado de su marca.
de Innovación
de Santiago
El namebrand solo está prohibido. Si no cabe la marca, no cabe el nombre.
shell.min.js todavía usa el corte «Compañía de / Innovación de / Santiago». Es el único trabajo pendiente del namebrand.4 · las cuatro formas
Los lockups
Cuatro familias y ninguna más. Todo lo demás que hayas visto es una de estas cuatro mal medida.
de Innovación
de Santiago
La barra de todo sitio. Es el canónico.
Papelería, membrete, firma de correo. No corta nunca.
de Innovación
de Santiago
Entrada, portada, carátula de documento.
Favicon, avatar, sello. Es la única que puede ir sin nombre.
Sobre fondo oscuro
de Innovación
de Santiago
No hay un archivo aparte para fondo oscuro. La marca hereda el color del texto, así que basta con que el contenedor fije su tinta.
5 · la paleta
El color
Un acento por marca. El papel y la tinta son del grupo y no cambian entre marcas.
Sin resolver. El acento salta de azul marino a verde entre temas: no es una variación de luminosidad, es otro color. Es la decisión P1 de la página de elección.
6 · las tres voces
La tipografía
Tres familias, y cada una tiene un oficio. Ninguna hace el trabajo de otra.
| Voz | Familia | Dónde |
|---|---|---|
| Título | IBM Plex Sans 700 | Titulares y nombres de producto. |
| Texto corrido de lectura | IBM Plex Sans 400 | Prosa, descripciones, tablas. |
| Epígrafe de sección | Plex Sans Condensed 600 | Epígrafes, separadores, etiquetas, fechas. Elegida el 9 de agosto. |
| v7/base/tokens.css | JetBrains Mono 400 | Código, rutas, identificadores. Solo eso. |
| Compañía de Innovación de Santiago |
IBM Plex Sans 800 | El namebrand, con su tracking propio. |
@import a un
CDN de fuentes es una violación del canon, y hoy queda uno vivo en la hoja del login.7 · la atribución societaria
El pie
Lo que cada sitio de esta marca tiene que declarar, y con qué palabras.
«Operado por» y «una empresa de» van apagados; los nombres, en tinta plena. La razón social entera y el RUT bajan a la página legal.
Dominios de esta marca. innovacionsantiago.cl y 39 subdominios, más usaia.cl, periodismo2.cl, situacion.cl, firmasydocumentos.cl e indieweb.cl.
8 · lo que no se discute
Las reglas
Diez, iguales para las tres marcas. Lo que cambia por marca es el lockup y el acento; esto no cambia.
- El namebrand nunca va solo. La marca sí puede ir sola: favicon, avatar, sello.
- La marca hereda
currentColor. No hay un archivo por color ni una versión rellena, salvo el cuadrado de cochid, que es color de marca. - La textura de anillos es del grupo, no de cada marca. Entre marcas cambia el lockup y el acento, nunca la textura.
- Ninguna tarjeta lleva franja pintada al costado. El borde completo de 1px es lo que separa.
- Sin sombras. La jerarquía la dan el borde y el fondo, que se ven igual en los dos temas.
- El activo de la barra se marca con subrayado de 2px en el acento. No con negrita ni con fondo.
- Las tipografías se sirven desde el propio dominio. Ningún CDN, ni siquiera para una fuente.
- El pie declara siempre quién opera el sitio y de quién es filial. La razón social entera y el RUT viven en la página legal.
- Español con tildes y con eñes, en todo: interfaz, correo, documentos y código.
- Un dominio elige una densidad de barra y no la cambia entre páginas.