Materia cromática
Base
#E9E7DDCore
#253443Reduced
#B77A2BRestored
#2A765FGD-110
Graceful Degradation
Perder una capa no rompe la promesa.
INTENCIÓN DEL SISTEMA
Escalera de capacidad que declara qué permanece útil cuando fallan red, JavaScript, imágenes, precisión o permisos.
IDEAL PARAServicios esencialesProgressive enhancementHerramientas públicas
Voz tipográfica
- Display
- Archivo Variable
- Body
- Atkinson Hyperlegible
- Utility
- IBM Plex Mono
Comportamiento
- Forma
- Escaleras, núcleos y capas desmontables.
- Movimiento
- Las capas se retiran por corte; la tarea central conserva posición y foco.
- Firma
- Una escalera explica capacidad completa, reducida, mínima y ruta de restauración.
04 / REGLAS DE VUELOEl sistema funciona
El sistema funciona
cuando decides así.
Haz esto
01El núcleo siempre funciona
02Cada capa declara dependencia
03Restaurar no reinicia
Evita esto
×1Pantalla de error total
×2Fallback sin acción
×3Reintento agresivo
05 / COMPONENT KIT
Piezas del universo.
Componentes de referencia para trasladar la dirección visual a un producto completo.
Degradation ladder
↗Core task
↗Dependency note
↗Fallback action
↗Recovery beacon
↗Capability receipt
↗06 / HANDOFF
Listo para tu agente.
El prompt preserva la intención del tema sin obligar a copiar esta página. Así se adapta al producto que ya existe.
Implementa el sistema visual “Graceful Degradation” (GD-110) de Co.De Strategy Systems Atlas. Intención: Escalera de capacidad que declara qué permanece útil cuando fallan red, JavaScript, imágenes, precisión o permisos. Paleta: Base #E9E7DD, Core #253443, Reduced #B77A2B, Restored #2A765F Tipografía: display Archivo Variable; cuerpo Atkinson Hyperlegible; utilidad IBM Plex Mono. Forma: Escaleras, núcleos y capas desmontables. Movimiento: Las capas se retiran por corte; la tarea central conserva posición y foco. Firma visual: Una escalera explica capacidad completa, reducida, mínima y ruta de restauración. Principios: El núcleo siempre funciona; Cada capa declara dependencia; Restaurar no reinicia. Evita: Pantalla de error total; Fallback sin acción; Reintento agresivo. Adapta el sistema al producto existente; conserva accesibilidad, semántica, responsive y reduced-motion. No copies la maqueta literalmente: aplica sus reglas.