Convenciones y variantes

Un borde de 1px en el color de línea, y nada más. La sombra queda fuera porque no existe en los dos temas: lo que en claro lee como elevación, en oscuro desaparece contra el papel. La franja lateral queda fuera porque gasta el color de marca en decorar un canto, y hoy sigue viva en el kit como .card::before: esa es la decisión T3 de la página de elegir.

Subrayado de 2px en el acento. La negrita cambia el ancho del texto, así que la barra se mueve al navegar. El fondo compite con los botones, que son lo único que debe leerse como pulsable. En el índice lateral de esta página la misma regla se aplica de canto: una regla de 2px a la izquierda, transparente cuando no toca, para que el texto tampoco salte.

Sin resolver, y es una línea de código. --radius-ctl vale 6px en v7/base/tokens.css, pero la guía y todas las vitrinas dibujan 2px. Mientras no se corrija, cualquier sitio que consuma el kit sale con 6. La píldora sí está descartada: Martín la rechazó el 9 de agosto viéndola en el botón «Hablemos» de la barra amplia.

Cuatro voces vivas en producción al mismo tiempo. El kit usa tinta llena, el catálogo usa versalita, circulodesantiago.cl usa contorno y Periodismo2 vive fuera del sistema con su propio rojo. Elegir una no es cosmético: define si la jerarquía la marca el relleno o el color. Las cinco variantes completas, con sus siete estados cada una, están en variantes de controles.

Dos gramáticas distintas para lo mismo. Los campos usan un anillo de 3px pegado al borde; la tarjeta de entrada usa un contorno de 2px separado 2px. Además la regla está escrita a mano en catalogo.css y en firmas.css por separado, y no en v7/base, que es donde tendría que vivir una sola vez. Cualquiera de las dos sirve; lo que no sirve es que haya dos.

Un dominio elige una densidad y no la cambia entre páginas. Hoy el kit define solo la estándar; la compacta y la amplia son propuestas y entrarían como dos modificadores. La regla que sí está cerrada es la de arriba: mezclar densidades dentro de un mismo sitio hace que la barra parezca saltar al navegar.

Un solo juego de anillos concéntricos, centrado detrás de la pieza. Al repetirse hasta el borde, la marca cubre la misma superficie que la tarjeta y compite con ella: se vuelve papel mural. Un juego centrado enmarca. Y la textura es del grupo, no de cada marca: entre marcas cambian el lockup y el acento, nunca la textura.

Tres estados, y el botón es la única puerta. Claro en :root, oscuro si el sistema lo pide, y data-theme explícito que gana sobre los dos. Un guion en línea estampa el tema guardado antes de pintar, para que no haya parpadeo. Consecuencia dura: una página sin el conmutador de la barra deja al usuario encerrado en el tema de su sistema. No es una falta estética, es una página sin salida.

Plex Sans Condensed 600, versalita, tracking 0,14em. Va en epígrafes, separadores, etiquetas, fechas y rótulos de columna. JetBrains Mono se retira de ese oficio y queda solo para código, rutas e identificadores, que es para lo que se diseñó: en un epígrafe de cinco palabras se leía como terminal.

El namebrand nunca va solo; la marca sí. La marca sola vale para favicon, avatar y sello. El nombre sin marca no vale nunca, y por eso en móvil el salto es directo del lockup completo a la marca sola: cuando el nombre no cabe, desaparece, no se queda huérfano.