El sistema se explica con sus propias reglas.
sd v2, deck de ejemplo. Cada slide aplica la regla que enuncia, con datos sacados de la propia spec.
El diseño por defecto está apagado.
Única frase del deck con relleno completo: la tesis.
Dos reglas sostienen todo el color.
La spec fija tintas frías y un único saturado. Todo lo demás es jerarquía tipográfica.
El amarillo #facc0d es el único color saturado. Ningún segundo saturado compite en la misma slide.
La escala de tinta va del papel al 900 con chroma frío. El #000 y el #fff literales están prohibidos.
La tipografía manda.
DM Serif Text lleva el argumento. Nunito Sans ordena la estructura.
Tres números fijan la tipografía.
Familias cargadas: DM Serif Text y Nunito Sans. El rol mono lo cubre la sans con tabular-nums, a coste de red cero.
Peso único del serif display. La jerarquía sale del tamaño y del color, nunca de la negrita.
Ratio mínimo entre pasos de la escala fluida.
El énfasis baja dos niveles.
El relleno completo marca la tesis y aparece una sola vez por deck. Para el énfasis inline, subrayado de rotulador a plena tinta o su variante suave. La negrita señala el concepto, nunca la cifra.
Los datos llevan el acento.
El amarillo codifica la tesis de cada gráfica, nunca una categoría.
El espaciado recorre diez pasos, de 4 a 128 píxeles.
La barra que se argumenta toma el acento sólido; el resto queda en el lavado.
Fuente: sd/RULES.md · Spacing. Valores en píxeles.
Cada paso tipográfico fluye entre dos topes.
Cada clase es un clamp: crece con el viewport entre un mínimo y un máximo fijados.
Fuente: sd/RULES.md · Scale. Píxeles en los extremos de cada clamp.
Construido con este sistema: ocho decks en producción.
Cada enlace abre el deploy real. Los marcados como privados piden su contraseña en el portal del deck.
Cuando el instinto y la spec discrepan, gana la spec.
Las reglas completas viven en sd.michelvalles.com y la galería de piezas en componentes.sd.michelvalles.com.
sd v2 · deck de ejemplo