Saltar al contenido
Compañía de Innovación de Santiago

Sistema de diseño · release estable

Style v9 es una base común, no un molde único.

Tokens, tipografías, componentes y navegación compartidos. Cada sociedad o marca agrega una capa pequeña y explícita. Los productos heredan, no copian el sistema.

Integrar v9 Ver atestación estable

Release verificable

v9 · f417275

Estado
Estable desde el 13 de agosto de 2026
Publicado
12 agosto 2026
Archivos
51
Integridad
SHA-256
Abrir manifiesto inmutable
20activos del runtime
7capas de marca
30activos de identidad
4repositorios fijados

01 · Versiones

Una historia visible, una recomendación clara.

Las versiones anteriores siguen públicas para compatibilidad. Una migración nueva debe fijar un digest de v9 y validar su sitio antes de reemplazar el carril existente.

Establev9

Base federada e inmutable

Runtime completo, fuentes self-hosted, capas de marca por repositorio y navegación accesible. Recomendado para integraciones nuevas y migraciones controladas con pin por digest.

stable.json
Congeladov8

Compatibilidad reciente

Se conserva sin cambios para consumidores existentes. No recibe componentes nuevos.

Abrir v8
Congeladov7

Contrato de tokens y chrome

Origen de la base promovida a v9. Sigue disponible como referencia de transición.

Ver tokens v7
Legado activov6

Bundle monolítico

El carril más consumido hoy. Se mantiene para no romper sitios, pero no define la arquitectura futura.

Abrir galería v6

02 · Adopción

Integrar el runtime en siete líneas.

El orden importa: fuentes, base, marca, chrome, componentes y comportamiento. El ejemplo fija bytes exactos y no depende del puntero mutable.

HTML · dentro de <head>
<link rel="stylesheet" href="https://style.innovacionsantiago.cl/v9/f417275cbb1c390a6b158f2f6574db1b36e2a6cc61e734029530ef90b9d1dd77/fonts/css/ibm-plex-sans.css">
<link rel="stylesheet" href="https://style.innovacionsantiago.cl/v9/f417275cbb1c390a6b158f2f6574db1b36e2a6cc61e734029530ef90b9d1dd77/fonts/css/jetbrains-mono.css">
<link rel="stylesheet" href="https://style.innovacionsantiago.cl/v9/f417275cbb1c390a6b158f2f6574db1b36e2a6cc61e734029530ef90b9d1dd77/base/tokens.css">
<link rel="stylesheet" href="https://style.innovacionsantiago.cl/v9/f417275cbb1c390a6b158f2f6574db1b36e2a6cc61e734029530ef90b9d1dd77/brands/cis/tokens.css">
<link rel="stylesheet" href="https://style.innovacionsantiago.cl/v9/f417275cbb1c390a6b158f2f6574db1b36e2a6cc61e734029530ef90b9d1dd77/base/chrome.css">
<link rel="stylesheet" href="https://style.innovacionsantiago.cl/v9/f417275cbb1c390a6b158f2f6574db1b36e2a6cc61e734029530ef90b9d1dd77/base/components.css">
<script defer src="https://style.innovacionsantiago.cl/v9/f417275cbb1c390a6b158f2f6574db1b36e2a6cc61e734029530ef90b9d1dd77/chrome.js"></script>

  1. Elegir el dueño.CIS, CDS, COCHID o Periodismo2.
  2. Fijar el digest.No cargar CSS de current.json en producción.
  3. Agregar sólo una marca.Un producto hereda la marca que lo gobierna.
  4. Prefijar lo local.Las clases propias del sitio no entran a la base.
  5. Probar el sitio.Desktop, móvil, teclado, contraste, tema y regresión visual.

03 · Arquitectura

Compartir la base sin borrar las identidades.

La federación evita forks opacos. La base pertenece a cis-style. Las sociedades y marcas verdaderas mantienen su capa. Las vistas y productos no se presentan como nuevos sistemas de diseño.

01

Base común

Tokens, fuentes, chrome, componentes y comportamiento.

cis-style / v9
02

Capa de identidad

Acento, marca y atribución del dueño.

brands/<marca>/tokens.css
03

Producto o vista

Hereda una marca y agrega sólo reglas locales prefijadas.

sitio.css · prefijo propio

Es un proyecto de estilo

cis-style, cds-style, cochid-style y periodismo2-style. Tienen autoridad y alcance propios.

Es una capa de marca

CIS, Usaia, Situación, Indieweb, CDS, COCHID y Periodismo2.

Es un producto que hereda

Firmas, Datos, Lex, Congreso, Elecciones, Collage y Mapa. Su identidad puede existir sin abrir otro fork de CSS.

04 · Componentes

Ejemplos ejecutados con los CSS de v9.

Esta galería no recrea los componentes. Los botones, tarjetas, campos, indicadores, badges y tablas que aparecen aquí usan directamente el runtime publicado.

Acciones.btn
Estados.badge
OperativoRevisarIntervenirNeutral
Formulario.field · .input
Indicador.stat
99,9%disponibilidad observada
Tarjeta.card
Documento

Contrato de prestación de servicios

Versión vigente con un workflow de firma pendiente.

Abrir ficha
Tabla.table
ServicioEstadoLatencia
AdminOperativo84 ms
DocumentosRevisión211 ms

Referencia completa de escenarios: galería heredada. La promoción a ejemplos v9 se hará componente por componente con pruebas visuales.

05 · Marcas

Todas las identidades declaradas por el release.

El selector cambia una de las siete capas de tokens publicadas. El catálogo incluye además productos materializados y reservas, sin promover como marca los sitios auxiliares recuperados desde tmp.

Capa activa

CIS

Los bordes, espacios y tipografías siguen viniendo de la base.

Compañía de Innovación de Santiago

CIS

cis-style

Entidad, mark, wordmark y lockup

Firmas y Documentos

Firmas y Documentos

cis-style

Marca materializada

USAIA

USAIA

cis-style

Marca materializada

Situación

Situación

cis-style

Marca materializada

Indieweb

Indieweb

cis-style

Marca materializada

Círculo de Santiago

Círculo de Santiago

cds-style

Entidad, mark y lockup

Mapa Santiago

Mapa Santiago

cds-style

Concepto materializado

COCHID

COCHID

cochid-style

Entidad, mark y lockup

COCHID Datos

Datos

cochid-style

Producto de COCHID

COCHID Lex

Lex

cochid-style

Producto de COCHID

COCHID Congreso

Congreso

cochid-style

Producto de COCHID

COCHID Elecciones

Elecciones

cochid-style

Producto de COCHID

Periodismo2

Periodismo2

periodismo2-style

Sólo símbolo P13 aprobado

Reservada

Comentario

Sin logo aprobado

Sitio activo

Editorial Sebastián

Logo editorial propio; paquete federado v9 pendiente.

Ver La Enciclopedia
Reservada

Collage

Sin logo aprobado

06 · Namebrands

Marca, namebrand, wordmark y lockup no son lo mismo.

La taxonomía recuperada se conserva como contrato editorial. Un namebrand identifica a la entidad; un wordmark nombra un proyecto; un lockup combina los elementos aprobados.

Entidad

Marca + namebrand de la entidad

Se usa en los sitios corporativos de CIS, CDS y COCHID. El nombre nunca aparece solo.

Proyecto

Marca de la entidad + wordmark

El proyecto conserva atribución visible sin inventar una sociedad ni otro sistema base.

Composición

Lockup

Es el archivo que reúne marca y nombre con separación y escala controladas.

Regla: namebrand no es sinónimo de wordmark ni de lockup. Abrir la exploración histórica de namebrands.

07 · Archivo

El trabajo recuperado desde tmp vuelve a ser navegable.

El archivo es evidencia histórica, no una aprobación automática. Se publica desde el commit 6536a10, con su manifiesto SHA-256 y sin leer el árbol mutable de tmp.

Ver los veinte sitios Abrir archivo completo Ver manifiesto Descargar snapshot
Captura archivada de apps.indieweb.cl
apps.indieweb.cl
Captura archivada de bici.cochid.cl
bici.cochid.cl
Captura archivada de catalogo.innovacionsantiago.cl
catalogo.innovacionsantiago.cl
Captura archivada de circulodesantiago.cl
circulodesantiago.cl
Captura archivada de cochid.cl
cochid.cl
Captura archivada de datos.cochid.cl
datos.cochid.cl
Captura archivada de docs.circulodesantiago.cl
docs.circulodesantiago.cl
Captura archivada de docs.innovacionsantiago.cl
docs.innovacionsantiago.cl
Captura archivada de economia.cochid.cl
economia.cochid.cl
Captura archivada de enciclopedia.circulodesantiago.cl
enciclopedia.circulodesantiago.cl
Captura archivada de firmasydocumentos.cl
firmasydocumentos.cl
Captura archivada de indieweb.cl
indieweb.cl
Captura archivada de innovacionsantiago.cl
innovacionsantiago.cl
Captura archivada de isometrico.innovacionsantiago.cl
isometrico.innovacionsantiago.cl
Captura archivada de libro.innovacionsantiago.cl
libro.innovacionsantiago.cl
Captura archivada de mapas.cochid.cl
mapas.cochid.cl
Captura archivada de periodismo2.cl
periodismo2.cl
Captura archivada de situacion.cl
situacion.cl
Captura archivada de thesis.cochid.cl
thesis.cochid.cl
Captura archivada de usaia.cl
usaia.cl

08 · Patrones

Escenarios para revisar, no páginas para copiar a ciegas.

Las plantillas existentes siguen accesibles. Cada adopción debe conservar la semántica, conectar datos reales y validar el estado vacío, la carga, el error y el acceso.

AccesoInicio de sesiónIdentidad y portón OIDC VacíosLista sin registrosExplica el siguiente paso ErrorNo encontradoRecuperación y navegación FormularioProceso por etapasProgreso y validación BúsquedaFiltros combinadosResultados y criterios NavegaciónMenú contextualJerarquía de trabajo

09 · Gobernanza

Cambiar el sistema exige evidencia.

v9 es federado y fue promovido a estable el 13 de agosto de 2026 mediante un recibo verificable. Doce consumidores ya fijan el digest público en el snapshot usado para la promoción, uno mediante una copia autoalojada cuya deuda de procedencia sigue abierta; el catálogo auxiliar usa el kit base sin token de marca. Cuarenta y nueve superficies tienen además un inventario operativo actual con versión, ciclo de vida, aliases y procedencia; veinte fijan v9 y treinta y nueve están monitoreadas. El registro de adopción conserva su función histórica y no se reescribe con el estado operativo.

  1. 01
    Contrato

    El cambio declara si pertenece a base, marca o sitio.

  2. 02
    Pruebas mecánicas

    Hashes, rutas, manifiesto, CSS y JavaScript válidos.

  3. 03
    Pruebas de comportamiento

    Teclado, móvil, tema, fuentes, overflow y estados.

  4. 04
    Prueba en consumidor

    El sitio real se verifica antes de cambiar su pin.

  5. 05
    Release y rollback

    URL inmutable, healthcheck, logs y reversión documentada.

Superficies de control

/v9/stable.jsonDigest promovido y recibo/v9/current.jsonPuntero actual/release.jsonHashes y autoridad/v9/adoption.jsonSnapshot usado en la promoción/v9/consumers.jsonInventario operativo actual/observatory/Estado operativo/v6/gallery/Referencia heredada

Adopción operativa verificada

innovacionsantiago.clSitio corporativo CISfirmasydocumentos.clFirma y verificación documentalportal.innovacionsantiago.clCuenta y uso de servicioseconomia.cochid.clDatos ENE y ELE-7 en producciónmundial.cochid.clSeguimiento y datos del Mundial 2026isometrico.innovacionsantiago.clVisor raster con v9 autoalojado por CSPdocs.circulodesantiago.clVerificación documental de Círculo de Santiagobici.cochid.clCiclovías, pendientes y rutas urbanasdocs.innovacionsantiago.clVerificación documental de CIS y aliases DTEcochid.clPortal principal de COCHIDcatalogo.innovacionsantiago.clCatálogo auxiliar con kit base, sin token de marcataller.cochid.clTaller y atlas narrativo de COCHID con runtime centralenciclopedia.circulodesantiago.clEditorial Sebastián y La Enciclopedia sobre la capa CDSprotocolo.circulodesantiago.clArchivo protocolar CDS con acceso autenticado

Hacer

  • Fijar un digest por release.
  • Usar IBM Plex Sans y JetBrains Mono self-hosted.
  • Usar bordes, jerarquía tipográfica y espacio.
  • Prefijar las reglas específicas del sitio.

No hacer

  • Copiar la base a otro repositorio.
  • Crear una marca por cada vista o producto.
  • Agregar sombras o franjas laterales a tarjetas.
  • Presentar una validación local como despliegue.