Compañíade Innovaciónde Santiago

Registro · decisiones

Decisiones de estilo

PÁGINA SUPERADA · 2026-08-09

El registro de decisiones vive ahora en core-style/DECISIONES.md, que es un repositorio y no se pierde.

Ir a lo vigente →

Fuente durable de lo que Martín ha resuelto sobre el sistema de diseño v7. Las páginas de elección son privadas y su directorio no es un repositorio git, así que lo que se decide se anota acá.

Última revisión 2026-08-09

Páginas de elección:

Aplicadas y verificadas en vivo

2026-07-31

#DecisiónEstado
A1 Pie societario: los sitios de CIS y los de la Compañía Chilena de Inteligencia de Datos dicen «Operado por <operadora> · una empresa de [marca] Círculo de Santiago»; los sitios propios de la matriz llevan «Círculo de Santiago SpA · RUT 78.372.913-K» a secas. La marca de CDS va en línea, nunca el nombre solo. APLICADA
A2 El namebrand de la Compañía Chilena de Inteligencia de Datos es el nombre completo en mayúsculas, no el diminutivo. APLICADA
A3 La marca de la Compañía Chilena de Inteligencia de Datos es el cuadrado azul #1d4ed8 relleno. APLICADA

Lockups autorizados

2026-08-09

Regla transversal: el namebrand nunca va solo, siempre acompañado de su marca. La marca sí puede ir sola, en favicon, avatar o sello. El namebrand no.

CIS

CódigoFormaEstado
M01Apilado en tres líneas, «Compañía / de Innovación / de Santiago» AUTORIZADO · es el namebrand canónico
M04Una línea, para papelería y firmas de correo AUTORIZADO
M05Vertical centrado, para login y portadas AUTORIZADO
M07Marca sola, para favicon, avatar y aplicación instalable PERMITIDO
M08Lockup sobre fondo oscuro, con currentColor PERMITIDO
M02, M03, M06 Bloque justificado, dos líneas, compacto DESCARTADO
M09Namebrand sin marca PROHIBIDO

Trabajo que se desprende: shell.min.js usa M02 y hay que alinearlo a M01. Al descartar M06, en teléfono el salto es directo de M01 a M07: cuando el namebrand no cabe, desaparece.

CDS

CódigoFormaEstado
M10Horizontal en dos líneas, «Círculo / de Santiago» AUTORIZADO
M13Vertical centrado AUTORIZADO
M11, M12Versalitas, una línea DESCARTADO
M14Marca sola PERMITIDO

Martín pidió que M10 y M13 compartan tipografía y mencionó que existían versiones anteriores. Existían, y confirman el criterio:

Las dos coinciden en 800. La única fuente que decía 700 era gr-nav__wordmark--lg, es decir la barra de navegación, que además es la que no consume el sistema compartido. Tratamiento unificado aplicado en la página: caja normal, peso 800, letter-spacing -0.02em, con el mismo corte de línea en ambos.

Abierto: si vuelve la bajada «Sociedad por Acciones · SpA» de M25. El disco relleno queda fuera, es contrario al canon del anillo.

Compañía Chilena de Inteligencia de Datos

CódigoFormaEstado
M15Apilado en tres líneas junto al cuadrado azul AUTORIZADO
M20Marca sola AUTORIZADO
M16, M17, M18, M19 Dos líneas, una línea, vertical, wordmark en mono DESCARTADO

Co-brand

CódigoFormaEstado
M22 Horizontal con divisoria: lockup de la entidad, divisoria, nombre del producto AUTORIZADO
M23Producto arriba, entidad como bajada AUTORIZADO · corregido

En M23 la línea de la entidad ya no cambia de tipografía: iba en JetBrains Mono y ahora es la misma IBM Plex Sans del resto, bajando solo de cuerpo.

Login y sesión

2026-08-09

CódigoQué esEstado
L01 Tarjeta de entrada: tres botones al mismo nivel, Google, Microsoft y correo, sobre textura de anillos, con lockup completo ELEGIDA
L05, L06 La misma tarjeta con marca CDS y con la de la Compañía Chilena de Inteligencia de Datos ELEGIDAS
L04 Segundo paso del botón de correo: el formulario reemplaza a los botones ELEGIDA · cambia el flujo
L11 Entrar y crear cuenta como control de dos posiciones en ese mismo paso ELEGIDA · cambia el flujo
L07Chip de sesión con foto y nombre de pila ELEGIDA
L08Chip con iniciales sobre el acento cuando no hay foto ELEGIDA
L10Menú desplegado con nombre completo y correo ELEGIDA
L02, L03Otros órdenes de los botones DESCARTADAS
L09Solo foto, degradado a teléfono SIN DECIDIR

Decisiones de fondo:

Alcance técnico, porque no todo es CSS:

CambioDóndeTipo
Icono y estilo correctos de Microsoft custom.css: acotar la regla por fuenteCSS, reversible
Quitar Google Fonts del login custom.css línea 144CSS, cierra deuda de canon
Lockup con namebrand y textura de anillos custom.css más --ak-flow-backgroundCSS más recurso
Correo como tercer botón flujo: separar la etapa de identificación en dos pasoscambio de flujo
Entrar y crear cuenta juntos flujo: unificar autenticación y enrolamientoel de mayor alcance
Chip con foto AUTHENTIK_AVATARS más componente nuevo en el chrome v7 configuración más componente

Namebrand de los sitios · P01 a P30

2026-08-09

Criterio propuesto: el nombre del producto no repite el de la entidad, porque el lockup que va al lado ya lo dice. De ahí «Catálogo» y no «Catálogo CIS», «Datos» y no «Datos» con el nombre de la compañía delante. Pendiente de confirmación de Martín.

Problema que destapó el registro

El mismo producto tiene hasta tres nombres distintos según la fuente:

Productobrand.yamlsites.json Catálogo público
usaiaUSAIAUsaiaUSAIA AI Tools
situaciónsituación.clSituaciónSituacion Network Monitor
datosCochid Datoscochid datosCochid Datos Platform

Siete productos se publican hoy en inglés en catalogo.innovacionsantiago.cl: Chilean Congress API, Chilean Elections Data, Chilean Legal Corpus, Cochid Datos Platform, Periodismo2 News API, Situacion Network Monitor y USAIA AI Tools. Y situación.cl aparece sin tilde, que además viola la regla de acentos. Nada corregido.

Contradicciones de propiedad, sin resolver

Fuera del registro

Otras decisiones abiertas

  1. Paletas: extensión completa, es decir cis más la Compañía Chilena de Inteligencia de Datos más un brands/auth nuevo, o solo las dos primeras.
  2. Tipografías: confirmar la política y la eliminación de Inter, Lato y RedHat en la ola 2.
  3. Ola 2 de migración: orden de salida de los sitios que requieren build.
  4. Tarjetas: A y B conviven, decidido el 5 de agosto, falta implementarlas.

Deuda detectada, no tocada

cis-auth/custom.css v1.8, del 2026-05-05, fue escrita cuando Google era la única fuente de identidad. Desde que se agregó Microsoft al default-authentication-flow:

  1. La regla que fuerza el icono aplica a toda la lista de proveedores, así que el botón de Microsoft se dibuja con el logo de Google:
li.pf-c-login__main-footer-links-item img,
.pf-c-button__icon img,
ul.pf-c-login__main-footer-links img {
  content: url('/media/public/google-color-icon.svg') !important;
}
  1. El estilo de píldora de Google, fondo blanco, borde #dadce0 y Roboto, también aplica a todos los li, así que Microsoft no se ve como Microsoft.
  2. La línea 144 importa tipografías por CDN de Google Fonts, contra la regla de todo self-hosted del canon.

Verificado el 2026-08-05: el flujo ofrece hoy Google y Microsoft, consultado por API, y las reglas citadas están textuales del archivo servido en vivo. No verificado en navegador. Nada corregido: producción intacta por instrucción.