Compañíade Innovaciónde Santiago

Componentes · galería v2

Iteración v2

PÁGINA HISTÓRICA · se conserva a propósito

Iteración v2. Referencia histórica.

Segunda vuelta de la galería de componentes. La galería v1 queda intacta para comparar. Esta página responde punto por punto al feedback del 2026-07-31:

«Al footer elegido le falta el logo del Círculo de Santiago en "una empresa de". Asimismo, no tiene sentido decir que el Círculo es una empresa del Círculo. Eso debes revisar mejor. El namebrand de cochid es el nombre completo en mayúsculas, como estaba en cochid.cl. Las cards no me convencen, se ven muy genéricas. Faltan en colores por marcas colores según yo. El login card creo que se puede mejorar todavía. Y el login info se puede mejorar, hay navbars que ya lo muestran.»
Martín · 2026-07-31

Última revisión 2026-08-09

Aplicado ya · sin decisión pendiente

A1 pie societario · A2 namebrand de la Compañía Chilena de Inteligencia de Datos · corregidos, desplegados y verificados en vivo
A1 · Footer · atribución societaria corregidalive
Operado por Compañía de Innovación de Santiago SpA · una empresa de Círculo de Santiago sitios CIS y CCID
Círculo de Santiago SpA · RUT 78.372.913-K sitios de la matriz (CDS)
Corregidos los dos puntos del feedback: (1) el mark del Círculo va inline junto a «una empresa de» (.gr-footer__attrib-mark, SVG anillo de contorno, nunca texto solo); (2) los sitios propios de la matriz nunca dicen «una empresa de» sobre sí mismos · llevan «Círculo de Santiago SpA · RUT 78.372.913-K» a secas. Parentesco verificado en la citación CDS-SD-2026-002: CIS SpA (RUT 78.384.591-1) y Compañía Chilena de Inteligencia de Datos SpA (RUT 78.374.391-4) son filiales de CDS. Aplicado en v7/base/chrome.css y en cis-verify; verlo vivo: docs.innovacionsantiago.cl (variante CIS con mark) · docs.circulodesantiago.cl (variante matriz).
A2 · Namebrand de la Compañía Chilena de Inteligencia de Datos · nombre completolive
Compañía Chilenade Inteligenciade Datos ← lockup canónico: cuadrado azul + .cochid-namebrand apilado 3 líneas, sans 800 uppercase
Corregido según feedback: el namebrand de la Compañía Chilena de Inteligencia de Datos es el nombre completo en mayúsculas, como en cochid.cl · nunca el diminutivo «cochid» solo como wordmark principal. Cambios: sites.json → brands.cochid.name = "Compañía Chilena de Inteligencia de Datos" y nueva clase canónica .cochid-namebrand en v7/brands/cochid/tokens.css (equivalente tipográfico de .gr-nav__wordmark). Referencia viva: cochid.cl · economia.cochid.cl.

Cards con carácter · 3 opciones × 3 marcas

B1 · respuesta a «las cards se ven muy genéricas» · contenido real: LIBRO (CIS) · Verificación de documentos (CDS) · Chilean Congress API (CCID) · hover activo en las 9

Fuentes estudiadas por curl: bundle de innovacionsantiago.cl (card radius 0, tag mono, pie dashed con dot de estado), catálogo, LIBRO («estética brutalista de CIS»), visor de documentos de cis-verify (borde izquierdo 4px) y tokens v7 por marca.

Opción A

Fiel a www

El lenguaje exacto de innovacionsantiago.cl: papel sobre papel, borde 1px, voz mono en mayúsculas y pie punteado con punto de estado en vivo.
El acento de marca aparece solo en el tag, el punto y el CTA: se integra a cualquier página del grupo sin pedir permiso.

Compañía de Innovación de Santiago

Producto · ERPlibro

LIBRO · ERP de gestión

Facturación, libros contables y flujo de caja para estudios y pymes, con la estética brutalista de CIS.

En desarrolloVer catálogo →

Círculo de Santiago

Documentoscis-verify

Verificación de documentos

Valida cartas y certificados emitidos por el directorio: código C-XXXXXX, QR y checksum del PDF.

ActivoVerificar →

Compañía Chilena de Inteligencia de Datos

Datos · APIcochid-congreso

Chilean Congress API

Parlamentarios desde 1990, proyectos de ley con tramitación completa y votaciones con roll call nominal.

8 endpointsVer planes →

Opción B

Brutalista · spec sheet

Barra de título invertida, borde 2px de tinta y ficha de filas tipo tabla: la card se lee como un spec sheet de US Graphics, hermana del holding de LIBRO.
Hover con desplazamiento y borde de acento: cero suavidad, la jerarquía la pone la tinta y el acento queda para un solo dato clave. La sombra dura que llevaba en la primera vuelta se quitó al migrar, por la convención T01 del sitio: lo único que separa es el borde completo.

Compañía de Innovación de Santiago

CIS · Producto01

LIBRO

ERP de gestión: facturación, libros contables y flujo de caja para estudios y pymes.

EstadoEn desarrollo
Accesooidc · cis-auth
Dominiolibro.circulodesantiago.cl

Círculo de Santiago

CDS · Documentos02

Verificación de documentos

Cartas y certificados del directorio verificables por código, QR y checksum.

EstadoActivo
CódigoC-XXXXXX
Dominiodocs.circulodesantiago.cl

Compañía Chilena de Inteligencia de Datos

CCID · Datos03

Chilean Congress API

Parlamento chileno estructurado: boletines, urgencias, comisiones y roll call nominal.

Endpoints8
Free tier100 reqs/mes
Planes$5.000 · $25.000 CLP

Opción C

Propia · sello de registro

Cruza el visor de documentos con marcas de registro en las esquinas derechas: sello de imprenta, no widget genérico. La franja izquierda de 4px que heredaba se quitó al migrar, por la convención T01.
El borde del hover toma el acento de cada marca: la misma estructura se siente CIS, CDS o Compañía Chilena de Inteligencia de Datos sin cambiar una línea.

Compañía de Innovación de Santiago

libro

Producto · ERP

LIBRO · ERP de gestión

Facturación, libros contables y flujo de caja para estudios y pymes, con la estética brutalista de CIS.

En desarrolloVer catálogo →

Círculo de Santiago

cis-verify

Documentos

Verificación de documentos

Valida cartas y certificados emitidos por el directorio: código C-XXXXXX, QR y checksum del PDF.

ActivoVerificar →

Compañía Chilena de Inteligencia de Datos

cochid-congreso

Datos · API

Chilean Congress API

Parlamentarios desde 1990, proyectos de ley con tramitación completa y votaciones con roll call nominal.

8 endpoints · free tierVer planes →

Paletas profundas por marca · lo que falta en v7

B2 · respuesta a «faltan en colores por marcas colores según yo» · extracción viva por curl 2026-07-31 17:34 UTC (refresh activo) · gaps vs v7/brands/*/tokens.css

Fuentes: bundle CSS de innovacionsantiago.cl · circulodesantiago.cl (Next abe123e6) · cochid.cl + v6 · datos.cochid.cl (Next 2c919dd0) · mapas.cochid.cl (CSS local, sus chunks vivos 404ean: asset drift Next, señalado aparte) · auth.innovacionsantiago.cl/static/dist/custom.css.

CIS · faltan 8 tokens

v7 solo tiene el accent navy/verde. El sitio vivo suma una superficie hero navy, la paleta categórica del mapa isométrico de landmarks, un ámbar de estado y un rojo de card (seguridad).

surface hero navy#13202e · paneles hero (5 usos)falta
cat: santiago (default)#1e3a5f · --cat-color landmarks= accent
cat: cerro#5c3a1f · [data-cat=cerro]falta
cat: histórico#6d2bb4 · [data-cat=historico]falta
cat: cultural#a12c2c · [data-cat=cultural]falta
cat: barrio#0e5a6b · [data-cat=barrio]falta
cat: parque#1f6b3a · [data-cat=parque] (4 usos)falta
ámbar de estado#b46a0c · bg + texto statusfalta
card alerta / seguridad#b91c1c · --card-colorfalta

El sistema legacy --cis-* (Inter + escala verde) y los fallbacks de componentes compartidos se excluyen a propósito: no son marca.

CDS · completa, faltan 0

Los 22 hex del CSS vivo coinciden 1:1 con v7/brands/cds/tokens.css + base (acento #1a1a2e, lavanda dark #c8c8e4, soft #e6e6ee). Nada que agregar; los semánticos ok/warn/err los hereda de base.

Compañía Chilena de Inteligencia de Datos · faltan 3 familias

funnel de justicia (datos.cochid.cl · semántica por etapa procesal)

denuncia#1e6091 · --c-denunciafalta
formalización#f4a261 · --c-formalizfalta
acusación#9b5de5 · --c-acusacfalta
condena#2a9d8f · --c-condenafalta
pérdida / drop#e76f51 · --c-lossfalta
neutro#6c757d · --c-neutrofalta

escala secuencial azul (datos.cochid.cl usa Tailwind blue-50..950 masivamente; propuesta de 7 pasos)

seq-1#eff6ff · blue-50proponer
seq-2#dbeafe · blue-100 (= accent-soft)en v7
seq-3#93c5fd · blue-300proponer
seq-4#3b82f6 · blue-500 (= chart-3)en v7
seq-5#1d4ed8 · blue-700 (= accent)en v7
seq-6#1c398e · blue-900falta
seq-7#162456 · blue-950falta

panel de mapa (mapas.cochid.cl · light / dark)

map-panel-bg light#fffffff2 (rgba .95)falta
map-panel-bg dark#18181be6 (zinc-900)falta
map-panel-muted dark#a1a1aa (zinc-400)falta
card hover border dark#93c5fd (light usa #3b82f6)falta
focus glow marcador#0096ff · box-shadow selecciónfalta

auth · marca entera sin tokens.css en v7

El custom.css de Authentik define una identidad propia (acento cyan) que hoy no existe en v7/brands/. Propuesta: brands/auth/tokens.css nuevo.

accent cyan#0891b2 · --cis-accentfalta
accent-2 / hover#0e7490 · --cis-accent-2falta
botón neutro#52525b · --cis-btn-bgfalta
google btn#ffffff / #dadce0 / #1f1f1ffalta
muted#6b7280falta
Extensión propuesta (no aplicada aún)propuesta
/* brands/cis/tokens.css · añadir */
--surface-hero: #13202e;
--cis-cat-santiago:#1e3a5f; --cis-cat-cerro:#5c3a1f; --cis-cat-historico:#6d2bb4;
--cis-cat-cultural:#a12c2c; --cis-cat-barrio:#0e5a6b; --cis-cat-parque:#1f6b3a;
--warn-accent:#b46a0c; --alert:#b91c1c;

/* brands/cochid/tokens.css · añadir */
--cochid-seq-1:#eff6ff; --cochid-seq-2:#dbeafe; --cochid-seq-3:#93c5fd;
--cochid-seq-4:#3b82f6; --cochid-seq-5:#1d4ed8; --cochid-seq-6:#1c398e; --cochid-seq-7:#162456;
--cochid-funnel-denuncia:#1e6091; --cochid-funnel-formalizacion:#f4a261;
--cochid-funnel-acusacion:#9b5de5; --cochid-funnel-condena:#2a9d8f;
--cochid-loss:#e76f51; --cochid-neutro:#6c757d;
--cochid-map-panel-bg:#fffffff2; --cochid-map-panel-text:#18181b;
--cochid-map-panel-muted:#52525b; --cochid-map-card-hover:#3b82f6;
--cochid-map-focus:#0096ff;

/* brands/auth/tokens.css · NUEVO */
--accent:#0891b2; --accent-hover:#0e7490; --accent-soft:#d7f4f9;
--btn-neutral:#52525b;
--google-bg:#ffffff; --google-border:#dadce0; --google-text:#1f1f1f;

/* brands/cds · sin cambios */
Hallazgo colateral: mapas.cochid.cl referencia chunks CSS que su backend 404ea (build drift Next standalone) · el sitio vivo está sin su CSS propio.

Login card v2 + Login info v2

B3 · respuesta a «el login card se puede mejorar todavía» y «el login info se puede mejorar, hay navbars que ya lo muestran» · verificado con Chromium headless en claro/oscuro, 0 errores JS

Login card · Opción A

Sobria

Continuidad v7 estricta + tres mejoras sobre el login actual: filo superior de 2px de tinta, lockup chico mark + wordmark (en vez del logo 320px centrado) y línea de contexto «para continuar a <sitio>» que Authentik puebla con el nombre de la app OIDC/proxy. Footer legal mono con el alcance de la cuenta.

Compañía
de Innovación
de Santiago

Entrar

para continuar a docs.circulodesantiago.cl

Continuar con Google
o con tu cuenta
Recuperar accesoSolicitar cuenta
Una cuenta para todo el grupo
CIS · Círculo de Santiago · Compañía Chilena de Inteligencia de Datos

Login card · Opción B

Identidad

Más marca: mark de anillos a 64px centrado y el fondo del flow con textura de anillos concéntricos (el motivo del logo al 5% de opacidad, SVG inline). Reemplaza la foto hero genérica de Authentik; en custom.css se logra con --ak-flow-background apuntando a un SVG data-URI.

Entrar al grupo

una cuenta para CIS, Círculo de Santiago y Compañía Chilena de Inteligencia de Datos

Continuar con Google
o con tu cuenta
Recuperar accesoSolicitar cuenta
auth.innovacionsantiago.cl

Login info v2 · .x-login

Tres estados × tres marcas

Estado anónimo (pill «Entrar» con /login?next=<ruta>, patrón ya vivo en cis-verify), sesión activa (chip con punto verde = sesión viva vía forward_auth y menú <details> puro HTML, cero JS obligatorio) y variante compacta solo-avatar para navbars densas. El menú ofrece «Salir de este sitio» (outpost) y «Cerrar sesión en todo el grupo» (flow de invalidación global de Authentik, verificado en vivo). Estado decidido server-side vía headers X-authentik-*. Prueba a abrir los menús.

CIS · anónimo / sesión / compacta
Compañía
de Innovación
de Santiago
Compañía
de Innovación
de Santiago
Compañía
de Innovación
de Santiago
CDS · anónimo / sesión / compacta
Círculo
de Santiago
Círculo
de Santiago
Círculo
de Santiago
CCID · anónimo / sesión / compacta
Compañía Chilena
de Inteligencia
de Datos
Compañía Chilena
de Inteligencia
de Datos
Compañía Chilena
de Inteligencia
de Datos

Tipografías · familias en producción

B4 · auditoría 2026-07-31 sobre los sitios vivos · dos familias oficiales cubren 16 sitios · todo self-hosted, nunca Google Fonts
Oficial

Compañía de Innovación de Santiago

El veloz murciélago hindú comía feliz cardillo y kiwi. La cigüeña tocaba el saxofón detrás del palenque. 0123456789

IBM Plex Sans16 sitios · familia primaria de UI y texto
Oficial

vault list cis-verify

C-4F2A91 · RUT 78.384.591-1 · {"status":"ok"} · 0O 1lI

JetBrains Mono10 sitios · código, folios, metadatos, kickers
Fork declarado

La crónica de Santiago, en cuerpo serif

Texto largo de lectura editorial: columnas, bajadas y pies de foto.

IBM Plex Serifperiodismo2 · fork editorial, misma superfamilia Plex
Fork declarado

Capítulo 7, notas al margen

Espécimen monoespaciado de la superfamilia Plex. 0123456789

IBM Plex Monolibro · variante mono de la superfamilia Plex
Fork declarado

Interfaz redondeada de producto

Identidad propia del producto, declarada como excepción al canon.

Plus Jakarta Sansusaia · fork de producto con identidad propia
Se elimina · ola 2

Interfaz genérica sin marca

Deuda heredada de plantillas; migra a IBM Plex Sans.

Interdatos, isometrico → IBM Plex Sans
Se elimina · ola 2

Serif de plantilla heredada

Restos serif en sitios CDS legacy; se rinde aquí con fallback Georgia a propósito (la fuente no se sirve).

Merriweather / serif de plantillarestos CDS legacy → IBM Plex Sans
Política v7:
  • Solo dos familias oficiales: IBM Plex Sans (UI y texto) y JetBrains Mono (código, folios, metadatos, kickers).
  • Siempre self-hosted desde /v7/fonts del dominio de cada marca; prohibido Google Fonts.
  • Forks editoriales solo dentro de la superfamilia Plex (Serif en periodismo2, Mono en libro) o declarados como excepción de producto (Plus Jakarta Sans en usaia, con override canon).
  • Inter y las serif de plantilla se eliminan en la ola 2: datos, isometrico y restos CDS migran a IBM Plex Sans.

Decisiones que esperan tu elección

  1. Cards: opción A (fiel a www) · B (brutalista spec sheet) · C (propia, sello de registro).
  2. Paletas: aplicar la extensión de tokens propuesta · completa (cis + cochid + brands/auth nuevo) o solo cis + cochid.
  3. Login card: opción A (sobria) · B (identidad con textura de anillos).
  4. Login info: chip con nombre · compacta con avatar · o elegir por densidad del navbar.
  5. Tipografías: confirmar la política y la eliminación de Inter y de las serif de plantilla en la ola 2 (y si los forks declarados también se revisan).

Los radios de esta página son maqueta visual: marca mentalmente y responde por el canal de siempre. A1 (footer societario) y A2 (namebrand de la Compañía Chilena de Inteligencia de Datos) ya están aplicados y no esperan decisión.

Iteración v2 generada el 2026-07-31 en respuesta al feedback de Martín. Insumos: cards-b1-opciones (B1) y la extracción de paletas por curl (B2). Los radios de esta página son maqueta visual: marca mentalmente y responde por el canal.