Elegir · privado · 2026-08-09
Nueve decisiones, una página
Cada bloque trae pocas opciones, grandes y lado a lado. Cada una lleva un código para que respondas con letras y números. La que recomiendo va marcada. Nada de esto está aplicado en produccion.
La guía final de cada marca: símbolo, namebrand, lockups, color, tipografía, pie y las diez reglas. Cada una dice qué está cerrado y qué sigue abierto.
Sección 1 · códigos E1 a E6
La voz de los epígrafes
Hoy todo lo pequeño del sistema habla en JetBrains Mono: epígrafes, separadores, etiquetas, fechas, nombres de archivo. Es mucha superficie para una fuente que se eligió para código.
Lo que hay hoy. Diseñada para código: letra ancha, ligaduras, cursor grueso. En un epígrafe de cinco palabras se lee como terminal.
Hermana literal de la Plex Sans que ya usamos: mismo diseñador, mismas proporciones, mismo eje. Cambia la textura sin abrir una familia ajena.
Deja de ser monoespaciada. Más editorial y más compacta, útil si el epígrafe a veces es largo. Suma una familia al kit.
Cero fuentes nuevas: es la Plex Sans que ya cargas, en versalita con tracking. La mono queda solo para código y datos, que es su oficio.
La de más carácter: geométrica, con cola. Firma fuerte, y por eso cansa cuando aparece veinte veces en una página.
La más neutra de las cinco. Justamente por eso no aporta nada que la Plex Sans no dé ya. Está solo para que la descartes viéndola.
Sección 2 · códigos P1 y P2
Las paletas
Esto es lo que hay hoy en el repositorio, leído de los archivos de cada marca. No es una propuesta: es el inventario, y sirve para ver el hueco.
Compañía de Innovación de Santiago · claro
Compañía de Innovación de Santiago · oscuro
#1e3a5f) y verde en oscuro (#7fc598).
No es una variación de luminosidad: es otro color. Un usuario que cambia de tema ve cambiar
la marca.
P1 · conservar el tono azul y subirle solo la luminosidad para el oscuro. P2 · dejar el verde y declararlo como el acento oscuro de la casa. Recomiendo P1: el azul es lo que la gente asocia con CIS en claro, que es donde vive el 90% del tráfico.
Círculo de Santiago · claro y oscuro
CDS sí lo hace bien: el acento oscuro #c8c8e4 es el mismo tono que
#1a1a2e, aclarado. Es el modelo a copiar en P1.
cochid · la serie de datos
cochid es la única marca con serie de gráficos, y tiene sentido porque es la que publica datos. Los cuatro primeros son la misma familia azul, así que una serie de cuatro categorías sale monocroma sin querer.
Sección 3 · familias y arreglos
Las marcas
Pediste ver los patrones en vez de veinticinco piezas sueltas. Son cuatro familias, y cada marca las repite. Esa es toda la gramática.
| Familia | Qué es | Marca | Namebrand | Dónde va |
|---|---|---|---|---|
·1 apilado | Tres líneas junto a la marca | 30px | versalita 11,5px peso 800 | Barra de todo sitio. Es el canónico. |
·2 una línea | Marca y nombre corridos | 24px | versalita 10,5px, sin corte | Papelería, membrete, firma de correo. |
·3 vertical | Marca arriba, nombre centrado debajo | 44px | versalita centrada | Entrada, portada, carátula. |
·4 marca sola | Solo el símbolo | cualquiera | ninguno | Favicon, avatar, sello. La marca sí va sola. |
Sobre esas cuatro se aplica la regla que ya fijaste: el namebrand nunca va solo. La familia 4 existe; su espejo, el nombre sin marca, no.
Los seis que estaban mal
Los revisaste uno por uno y tenías razón en los seis. Acá están corregidos, para que confirmes que ahora sí es lo que querías.
Se partía porque nada le impedía partirse. Ahora el nombre no corta nunca y baja a 10,5px para caber. Si no cabe, se cae a la marca sola.
de Innovación
de Santiago
Se veía en blanco porque la muestra perdió su fondo propio al migrar, y la marca hereda el color del texto. Ahora el panel trae su fondo.
Caja normal, peso 800, tracking −0,02em, que es el tratamiento que ya autorizaste para M10 y M13. Una línea de verdad.
de Santiago
Estaba centrado el bloque pero no el texto dentro del bloque. Ahora los dos ejes coinciden.
de Innovación
de Santiago Catálogo
La columna era angosta y el nombre se deshacía palabra por palabra. Ahora el corte es fijo en tres líneas y el producto no corta.
Dijiste que la mayúscula no te convencía. Acá va en caja normal y apagada, que es lo que hace una bajada: acompañar sin competir.
Sección 4 · empresas, marcas y proyectos
La jerarquía
Con tus tres niveles. Levantado de los 104 dominios que sirve Caddy hoy, no de una lista escrita a mano.
-
Círculo de Santiago SpA 78.372.913-Kempresa
- Círculo de Santiago circulodesantiago.cl
Proyectos:
cds·docs·nuevo·admin·claudia·style - Enciclopedia enciclopedia.circulodesantiago.cl
"Editorial Sebastián" es el nombre interno. Falta el público.
- Protocolo protocolo.circulodesantiago.cl
Con
plantillasal lado. ¿Son una marca o dos? -
Compañía de Innovación de Santiago SpA 78.384.591-1empresa
- Compañía de Innovación de Santiago innovacionsantiago.cl
39 subdominios, y es donde vive casi toda la infraestructura. Con cara al público:
catalogo·docs·archivo·cif·portal·santiago. Internos:admin·mando·inbox·boleta·factura·psi·collage·bitacora·atlas·wiki·claudia. Infraestructura sin marca:api·auth·core·infra·mail·mcp·broker·monitor·status·logs·errors·nucleo·style·tmp·pendientes·barrido. - usaia usaia.cl
Estilo propio declarado, con Plus Jakarta Sans como excepción al canon.
- Periodismo2 periodismo2.cl
Estilo propio en Tailwind, fuera del kit. Proyectos:
api·admin. Marca por elegir en la sección 8. - situación situacion.cl
Estilo propio. En el catálogo se publica sin tilde, que es lo que hay que corregir.
- Firmas y Documentos firmasydocumentos.cl
El único ya migrado al kit v7. Proyecto:
cis. - Isométrico isometrico.innovacionsantiago.cl
Sin dominio raíz propio. Marca por producto, no por dominio.
- LIBRO libro.innovacionsantiago.cl
Estilo brutalista propio.
libro.circulodesantiago.clredirige acá, y por eso lo dibujo bajo CIS. Ver J1. - indieweb indieweb.cl
Dominio raíz propio y tres proyectos (
apps·idea·mkt), pero ninguna sociedad lo reclama. Ver J3.
- Compañía de Innovación de Santiago innovacionsantiago.cl
-
Compañía Chilena de Inteligencia de Datos SpA 78.374.391-4empresa
- cochid cochid.cl
Una sola marca con 21 proyectos colgando, todos con el mismo cuadrado azul:
datos·mapas·economia·bici·thesis·congreso·lex·elecciones·ciudad·medicamentos·scribe·cables·graphs·mundial·peru·prosa·taller·tpte·trenes·tiles·style.
- cochid cochid.cl
- Círculo de Santiago circulodesantiago.cl
Fuera del grupo
illanes00.cl con siete proyectos (jeopardy, mundial,
polymarket, prosa, scribe, thesis,
viaje) es tuyo a título personal, con sistema propio v5 y fuera del canon.
winterbreak.cl no está adscrito a nada.
J1 · LIBRO. Lo puse bajo CIS porque
libro.circulodesantiago.cl
redirige a libro.innovacionsantiago.cl, o sea que el producto ya se mudó. Pero
su archivo de marca declara parent: cis mientras sites.json se lo
atribuye a la matriz. Confirma y se alinea el resto.J2 · cochid. Una marca con veintiún proyectos, o varias marcas. Hoy
datos, mapas y lex tienen cada uno su namebrand
guardado en el repositorio y ninguno se usa. Si son marcas, suben de nivel.J3 · indieweb. Dominio raíz propio, cuatro sitios, y ninguna sociedad lo reclama. Lo dibujé bajo CIS por descarte, no por evidencia.
J4 · protocolo y plantillas. Viven juntos y hacen lo mismo. Una marca con dos proyectos, o dos marcas.
Sección 5 · códigos F1 a F3
El pie
Dijiste que el de la galería anterior no te gustaba y que preferías lo que hay en produccion. Fui a leer los dos pies vivos: no dicen lo mismo entre ellos.
Texto plano, sin marca gráfica. Es lo que recordabas. La flecha sugiere que es un enlace, y lo es.
© 2026 Compañía de Innovación de Santiago SpA
Correcta societariamente y larga de leer. Dice la razón social entera y encima repite la entidad abajo.
Es lo que pediste: la estructura de producción, con el namebrand puesto y "Operado por" bajado de tono para que la marca sea lo que se lee primero. La razón social entera y el RUT bajan a la página legal, que es donde alguien los busca.
Sección 6 · códigos T1 y T2
Las tarjetas
Dijiste que conviven la A y la D, y que lo que no funciona es el contenido: el estado, la descripción y la mezcla. Estoy de acuerdo, y creo que el problema es que la tarjeta lleva tres informaciones que compiten.
Firma electrónica simple con verificación pública por código. Descripción larga que explica el producto entero.
Tres etiquetas de estado arriba, todas del mismo peso, y ninguna dice cuál manda. El ojo entra por lo menos importante.
Firma electrónica simple, con verificación pública por código.
firmasydocumentos.clUn solo estado, a la derecha del nombre, donde no compite. La descripción baja a una línea. El dominio abajo, que es lo que la gente copia.
La forma A y la D siguen conviviendo, como decidiste: son dos densidades de la misma tarjeta. Lo que cambia acá es qué va adentro, no el marco.
La barra pintada del borde izquierdo
Dijiste que estaba prohibida y tenías razón, pero no la puso esta página: está en el kit
compartido, en v7/base/components.css. La regla es
.card::before, una franja de 3px del color de acento que crece a 5px al pasar el
cursor. O sea que la llevan todas las tarjetas de todos los sitios, no solo las de acá.
La franja y la esquina redondeada. Las dos vienen del kit, no de la página.
El borde completo de 1px basta para separar. El color de marca queda para lo que de verdad hay que mirar, no para decorar un canto.
Sección 7 · elegida el 9 de agosto
La entrada
Elegiste LA: la tarjeta corta, con los anillos concéntricos detrás y las tres puertas al mismo nivel. Sin lista de datos: si algo hay que explicar en una viñeta, es que la pantalla no se explica sola.
Innovación de
Santiago
Iniciar sesión o regístrate
para continuar a docs.circulodesantiago.cl
Continuar con GoogleContinuar con MicrosoftContinuar con correoAl entrar aceptas los términos de uso
y la política de privacidad.
¿Problemas para entrar? Escríbenos.
El título dice las dos cosas que la pantalla hace, entrar y crear cuenta, que es lo que el flow ya unifica. El pie enlaza las dos páginas legales de verdad y ofrece una salida cuando algo falla. Nada más: lo demás se explica solo.
Sección 8 · códigos P01 a P16
La marca de Periodismo2
Te acordabas de una con un cuadrado y algo redondo, y existe: es P13, el cuadrado rojo apoyado sobre tres ondas. Acá están las dieciséis para que la reconozcas entre todas.
P01
P02
P03
P04
P05
P06
P07
P08
P09
P10
P11
P12
P13 · la del cuadrado
P14
P15
P16Las diez de antena (A01 a A10), que son anillos con mástil y no llevan cuadrado, siguen en la página de antena. Si P13 es la que recordabas, con decir "P13" cierro la marca y las otras quince se archivan.
Sección 9 · previsualización
Los sitios, como se ven hoy
Diecisiete portadas capturadas hoy, ordenadas por sociedad. Es el punto de partida real de la migración: lo que hay que cambiar y en qué orden.
Compañía de Innovación de Santiago
Círculo de Santiago
Compañía Chilena de Inteligencia de Datos
Sección 10 · para responder de una
Todo lo que hay que elegir
Responde con los códigos, en una línea, y aplico. Lo de abajo del corte no es elección: son arreglos que solo necesitan tu visto bueno.
| Código | Qué se decide | Recomiendo |
|---|---|---|
E3 | La voz de los epígrafes | elegida el 9-ago, ya aplicada en esta página |
P1 / P2 | Si el acento de CIS mantiene el azul en oscuro | P1 · mantener el azul |
M22 / M22p | Co-brand con divisoria o con punto | M22 · divisoria |
M04 M08 M12 M13 M23 | Confirmar que los cinco arreglos quedaron bien | mirar y confirmar |
J1 | LIBRO cuelga de CIS o de CDS | CIS · ya vive ahí |
J2 | cochid aparece una vez o dos en el árbol | una vez, como sociedad |
F1 / F2 / F3 | El pie | F3 · producción con namebrand |
T1 / T2 | Qué va dentro de la tarjeta | T2 · un estado, nombre primero |
T3a / T3b | La franja pintada del borde izquierdo, que vive en el kit y afecta a todos los sitios | T3b · sin franja ni radio |
LA | La tarjeta de entrada | elegida el 9-ago, con «Iniciar sesión o regístrate» |
P13 | La marca de Periodismo2 | P13 · la del cuadrado |
Y esto solo necesita tu visto bueno
A1 | El botón de Microsoft se dibuja con el logo de Google en el login vivo |
A2 | El login importa tipografías por CDN de Google, contra la regla de self-hosted |
A3 | Siete productos publicados en inglés en el catálogo, y "situacion" sin tilde |
A4 | El radio de los controles: el token dice 6px y todo lo dibujado usa 2px |