Materia cromática
Cloud
#EAF3FFGrape
#5533FFTangy
#FF6B35Deep ink
#182035ZG-20
Zero-G Playroom
Construye sin tocar el suelo.
INTENCIÓN DEL SISTEMA
Taller 3D lúdico para mover, combinar y solicitar interfaces; una antesala directa del laboratorio para clientes.
IDEAL PARACo-creaciónOnboardingConfiguradores de identidad
Voz tipográfica
- Display
- Fredoka / sans redonda
- Body
- Nunito Sans
- Utility
- Space Mono
Comportamiento
- Forma
- Bloques 3D, stickers funcionales y conectores magnéticos.
- Movimiento
- Física drag-and-snap con rejilla estática para reduced-motion.
- Firma
- Widgets flotantes se ensamblan en un producto real.
04 / REGLAS DE VUELOEl sistema funciona
El sistema funciona
cuando decides así.
Haz esto
01Jugar produce una decisión
02Todo objeto revela su uso
03La composición se puede deshacer
Evita esto
×1Gamificación sin resultado
×2Física frustrante
×3Skeuomorfismo infantil
05 / COMPONENT KIT
Piezas del universo.
Componentes de referencia para trasladar la dirección visual a un producto completo.
Block navigation
↗Canvas drag-and-drop
↗Shape picker
↗Color mixer
↗Stack card
↗Brief builder
↗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 “Zero-G Playroom” (ZG-20) de Co.De Strategy Systems Atlas. Intención: Taller 3D lúdico para mover, combinar y solicitar interfaces; una antesala directa del laboratorio para clientes. Paleta: Cloud #EAF3FF, Grape #5533FF, Tangy #FF6B35, Deep ink #182035 Tipografía: display Fredoka / sans redonda; cuerpo Nunito Sans; utilidad Space Mono. Forma: Bloques 3D, stickers funcionales y conectores magnéticos. Movimiento: Física drag-and-snap con rejilla estática para reduced-motion. Firma visual: Widgets flotantes se ensamblan en un producto real. Principios: Jugar produce una decisión; Todo objeto revela su uso; La composición se puede deshacer. Evita: Gamificación sin resultado; Física frustrante; Skeuomorfismo infantil. Adapta el sistema al producto existente; conserva accesibilidad, semántica, responsive y reduced-motion. No copies la maqueta literalmente: aplica sus reglas.