Materia cromática
Stage
#12142ACopy
#F2F1EBStretch
#FFCC45Counter
#6CF1C1ET-52
Elastic Type
Las palabras absorben el impacto.
INTENCIÓN DEL SISTEMA
Sistema tipográfico variable donde ancho, peso y línea base responden a prioridad, presión y cambio sin convertir la lectura en espectáculo.
IDEAL PARAMediosLanzamientosHerramientas creativas
Voz tipográfica
- Display
- Archivo Variable
- Body
- Archivo
- Utility
- IBM Plex Mono
Comportamiento
- Forma
- Líneas base tensas, contadores y marcos de presión.
- Movimiento
- Los ejes variables cambian una vez al modificar prioridad; reduced-motion conserva peso y color finales.
- Firma
- El titular absorbe la presión del sistema y deja visible qué variable cambió.
04 / REGLAS DE VUELOEl sistema funciona
El sistema funciona
cuando decides así.
Haz esto
01La tipografía conserva lectura
02Cada eje tiene significado
03El reposo es estable
Evita esto
×1Letras que siguen al cursor
×2Deformación continua
×3Peso como única jerarquía
05 / COMPONENT KIT
Piezas del universo.
Componentes de referencia para trasladar la dirección visual a un producto completo.
Elastic headline
↗Axis control
↗Priority line
↗Pressure label
↗Variable card
↗Static fallback
↗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 “Elastic Type” (ET-52) de Co.De Strategy Systems Atlas. Intención: Sistema tipográfico variable donde ancho, peso y línea base responden a prioridad, presión y cambio sin convertir la lectura en espectáculo. Paleta: Stage #12142A, Copy #F2F1EB, Stretch #FFCC45, Counter #6CF1C1 Tipografía: display Archivo Variable; cuerpo Archivo; utilidad IBM Plex Mono. Forma: Líneas base tensas, contadores y marcos de presión. Movimiento: Los ejes variables cambian una vez al modificar prioridad; reduced-motion conserva peso y color finales. Firma visual: El titular absorbe la presión del sistema y deja visible qué variable cambió. Principios: La tipografía conserva lectura; Cada eje tiene significado; El reposo es estable. Evita: Letras que siguen al cursor; Deformación continua; Peso como única jerarquía. Adapta el sistema al producto existente; conserva accesibilidad, semántica, responsive y reduced-motion. No copies la maqueta literalmente: aplica sus reglas.