Papel, tinta, líneas y ritmo.
v9 tiene tokens semánticos útiles. v10 debe cerrar su escala, temas y límites de personalización.
Evidencia observada en v9
| Familia | Tokens |
|---|---|
| Color | ink, ink-muted, paper, paper-raised, paper-sunken (fondo hundido de paneles: #f3f4f5 claro, #0c1116 oscuro), line, accent, estados |
| Tipo | font-sans, font-mono y escala fs-* |
| Layout | container, pad-x, grid-col y grid-gap |
| Espacio | space-1 a space-8 |
| Geometría | superficies y controles rectos; sólo los objetos circulares usan forma circular |
| Movimiento | t-fast, t-base y t-slow; reducción de movimiento incompleta |
Cambios propuestos
- Fijar papel neutro del grupo; una marca no redefine papel ni tinta.
- Añadir capas de superficie y estados interactivos completos.
- Definir breakpoints, tamaños táctiles, z-index y movimiento reducido.
- Prohibir sombras decorativas y bordes laterales de acento en cards.
Tokens base del CSS compilado
Estos valores se generan desde consumer-v10.css, antes de aplicar marca, tema o modo. La referencia de tokens describe la misma versión y sus SHA de origen.
:root {
--paper: #fff;
--ink: var(--n-texto);
--line: var(--n-borde);
--space-4: 1rem;
--control-height: 2.625rem;
--nav-target: max(2.75rem, 44px);
}Decisiones
Usa el identificador para confirmar, modificar o rechazar una regla.
FND-01Pendiente de aprobaciónUsar blanco neutro como papel base; reservar el papel cálido para superficies editoriales.
FND-02Regla vigenteSin sombras ni franjas laterales pintadas en cards.
FND-03Regla vigenteTema claro inicial y selector con elección persistida; seguir prefers-color-scheme queda pendiente (SG-04, CX-122).