Preview 09 · Marca y activos

Marcador tipográfico, iconos y evidencia de revisión

El producto no tiene logo, por decisión. Lo que hace su papel es un marcador tipográfico: el cuadrado redondeado con el monograma SI que dibuja la regla .brand__mark, guardado como SVG en assets/brand/ para que una pantalla pueda referenciarlo como archivo. Son Inter dentro de un cuadrado, no una identidad: cuando llegue una marca real sustituye a estos cuatro archivos y a la regla del carril, y nada más del sistema depende de ellos.

assets/brand/*.svgbuild/siga-icons.svgcapturas de revisión del proyecto de origen

Monograma y lockup

El monograma es siempre el inverso de su fondo: cuadrado claro sobre el carril, cuadrado oscuro sobre --surface. Espacio libre mínimo = el radio de 6px de la marca.

geometría: cuadrado de 26px, radio 6px, monograma «SI» en Inter 700 / 12px / +0.02em
lockup: marca + 9px + «SIGA» (600 / 14px / −0.008em), y debajo el nombre extendido a 10,5px
fondo del carril: --rail-bg = color-mix(in oklab, var(--ink-abs), var(--accent) 18%)
nombre extendido: Sistema Integrado de Gestión Alimentaria — solo en el carril y en portadas

Set de iconos · 43 glifos

Sprite compilado desde assets/siga.js hacia build/siga-icons.svg; el índice legible por máquina está en build/icons.json. Cada figura de abajo carga el sprite real por <use>.

Evidencia de revisión conservada

Capturas tomadas contra la compilación en ejecución durante la revisión de contraste del proyecto de origen. Son la razón documentada de dos reglas del sistema.

Botón sólido con acento brillante y tinta oscura, versión rechazada — **Rechazado.** Acento brillante con tinta oscura: el botón leía como resalte, no como acción. De aquí sale `--solid-bg` (acento hundido 26 % con texto blanco, 5.71:1).

Carril claro con etiquetas de bajo contraste, versión rechazada — **Rechazado.** Carril claro: las etiquetas apoyadas en `--muted` caían por debajo del umbral. De aquí sale la regla de que todo texto secundario usa `--muted-ink` y de que el carril es la única superficie oscura.

Carril oscuro aprobado con contadores y etiqueta de grupo — **Aprobado.** Carril oscuro final: etiqueta de grupo en versalitas, `--rail-muted` a 5.64:1 y el contador en píldora translúcida.

Lo que quedó escrito. Las dos capturas rechazadas de arriba no son anécdota: son la razón fechada de dos reglas que el sistema aplica en todas partes.

--muted-ink: Todo texto secundario. --muted cae a 4.15:1 sobre cualquier fondo tintado.
--solid-bg: Toda acción sólida. El acento brillante con blanco da 2.4:1.