Guía de marca · 2026-08-09
Círculo de Santiago
RUT 78.372.913-K
Círculo de Santiago SpA
La matriz. No opera servicios: es de quien cuelgan las otras dos sociedades, y por eso aparece siempre como el segundo nombre del pie.
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
Dos sitios, y ninguno opera un servicio para terceros. La matriz se presenta y deja verificar sus documentos. Todo lo demás cuelga de las otras dos sociedades.
2 · el símbolo
La marca
Un círculo de contorno, uno solo, sobre un lienzo de 24. No es un disco relleno: la versión rellena existió en un archivo viejo y quedó descartada.
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 24 24 |
| Círculo | radio 10, trazo 2 |
| Cantidad | uno, nunca dos |
| Color | currentColor, sin relleno |
3 · el nombre dibujado
El namebrand
Es el único namebrand del grupo en caja normal. Peso 800 y tracking cerrado, que es lo que traían los dos lockups históricos del repositorio.
de Santiago
Caja normal · peso 800 ·
tracking -0.02em · cuerpo 16px · interlineado 1.12
de Santiago
Siempre acompañado de su marca.
de Santiago
El namebrand solo está prohibido. Si no cabe la marca, no cabe el nombre.
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 Santiago
La barra de todo sitio. Es el canónico.
Papelería, membrete, firma de correo. No corta nunca.
de Santiago
Entrada, portada, carátula de documento.
Favicon, avatar, sello. Es la única que puede ir sin nombre.
Sobre fondo oscuro
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.
El acento oscuro conserva el tono del claro y solo cambia de luminosidad, que es como debe ser.
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. |
| Círculo 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.
Es la matriz, así que su pie no declara operadora: se nombra a sí misma con su RUT. Es el único pie del grupo sin la fórmula «Operado por».
Dominios de esta marca. circulodesantiago.cl y 11 subdominios, más las marcas Enciclopedia y Protocolo.
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.