Sin verificar en pantalla. No hay navegador en el servidor, así que esta página no la ha mirado
nadie. Los lockups son texto con estilos: su aspecto depende de que IBM Plex Sans cargue desde el host de
estilo.
Las clases gr- están copiadas sin tocar desde core-style/v7/base/chrome.css, las 70
reglas de barra y pie. Lo que el demo agrega va aparte, con prefijo .d-: la divisoria del
co-brand, el wordmark de proyecto y el namebrand apilado del pie. Esas tres piezas todavía no existen en el
sistema.
Dónde el demo se aparta de lo que hoy emite el generador. El nombre del pie va en namebrand
apilado, así que .gr-footer__brand-name y .gr-footer__sibling-name quedan copiadas
pero sin uso: las reemplaza .d-nb, que es la decisión F01 y F03 de la guía. El sitio 3 lleva pie
corto a propósito, solo atribución y base legal, para mostrar la forma compacta al lado del pie completo.
La marca va siempre con el trazo canónico, 4 y 18. En el bloque de atribución del pie se usa a
32 píxeles en vez de 26 para que el trazo fino se lea sin recurrir a la variante engrosada.
El nombre del proyecto va entero en un solo color, el suyo, y el dominio se distingue por tamaño y
peso, no por color. La palabra ya no se parte. Los cinco colores de proyecto están declarados en la hoja
(usaia #7c3aed, indieweb #db2777, situación #d97706,
firmas #15803d, periodismo2 #dc2626) aunque acá solo se vea usaia.
Falta decidir el color de proyecto de noche. Estos cinco colores no viven en
v7/brands/, así que el sistema no define variantes suyas para el modo oscuro y acá van iguales
en claro y en oscuro. El morado sobre el papel negro queda cerca de 3,5 a 1 de contraste: pasa el mínimo por
ser texto grande en peso 800, pero se ve apagado. Inventar acá un morado más claro sería redefinir un token
de marca, que es justo lo que la guía prohíbe.
La barra de usaia muestra dos colores. El nombre va en su morado y el resto del cromo, el
subrayado del enlace activo y el punto de sesión, sigue en el acento de la Compañía. Es la lectura fiel de
la regla, que da el color propio al namebrand y no al sitio entero, pero conviene mirarlo.
Nada aplicado. Esta página vive solo en el sitio privado de trabajo.