← ATLASSM-08 / FUTURISTPARA AGENTES ↗

SM-08

Soft Machines

Una máquina que se siente humana.

INTENCIÓN DEL SISTEMA

Futuro táctil y amable: volúmenes acolchados, tonos minerales y controles que parecen responder a la presión.

IDEAL PARASalud digitalIA cotidianaHerramientas creativas

01 / COLOR

Materia cromática

Milk#F6F2EA

Lilac#C9B7FF

Clay#C86E52

Graphite#29272D

02 / TIPO

Voz tipográfica

Display: Trebuchet MS / sans humanista
Body: Helvetica Neue
Utility: ui-monospace

03 / FORMA + MOVIMIENTO

Comportamiento

Forma: Volúmenes acolchados y radios asimétricos.
Movimiento: Respuesta táctil con escala sutil y 260 ms.
Firma: Controles suaves suspendidos sobre una base mineral.

04 / REGLAS DE VUELO

El sistema funciona
cuando decides así.

Haz esto

01La tecnología invita

02Profundidad táctil, contraste firme

03La suavidad no reduce claridad

Evita esto

×1Sombras grises sucias

×2Pasteles sin contraste

×3Interfaces infantiles

05 / COMPONENT KIT

Piezas del universo.

Componentes de referencia para trasladar la dirección visual a un producto completo.

Probar en Component Foundry ↗Abrir este universo en Lab ↗

Hero de producto

↗

Navegación global

↗

Tarjeta de contenido

↗

Sistema de datos

↗

Formulario principal

↗

Feedback y estados

↗

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 “Soft Machines” (SM-08) de Co.De Strategy Systems Atlas.

Intención: Futuro táctil y amable: volúmenes acolchados, tonos minerales y controles que parecen responder a la presión.
Paleta: Milk #F6F2EA, Lilac #C9B7FF, Clay #C86E52, Graphite #29272D
Tipografía: display Trebuchet MS / sans humanista; cuerpo Helvetica Neue; utilidad ui-monospace.
Forma: Volúmenes acolchados y radios asimétricos.
Movimiento: Respuesta táctil con escala sutil y 260 ms.
Firma visual: Controles suaves suspendidos sobre una base mineral.
Principios: La tecnología invita; Profundidad táctil, contraste firme; La suavidad no reduce claridad.
Evita: Sombras grises sucias; Pasteles sin contraste; Interfaces infantiles.

Adapta el sistema al producto existente; conserva accesibilidad, semántica, responsive y reduced-motion. No copies la maqueta literalmente: aplica sus reglas.

SIGUIENTE UNIVERSO / OA-09Obsidian Atelier↗