Saltar al contenido
Índice de Documentación
Documentación Fundamentos

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

FamiliaTokens
Colorink, ink-muted, paper, paper-raised, paper-sunken (fondo hundido de paneles: #f3f4f5 claro, #0c1116 oscuro), line, accent, estados
Tipofont-sans, font-mono y escala fs-*
Layoutcontainer, pad-x, grid-col y grid-gap
Espaciospace-1 a space-8
Geometríasuperficies y controles rectos; sólo los objetos circulares usan forma circular
Movimientot-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.

Código de referencia
: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).