Materia cromática
Night leaf
#10251FPollen
#FFF1A8Stem
#69E37BPetal
#A979FFEB-34
Electric Botanica
La interfaz germina con intención.
INTENCIÓN DEL SISTEMA
Botánica eléctrica para productos que cultivan hábitos, colecciones o conocimiento mediante crecimiento visible y controlado.
IDEAL PARAEducaciónComunidadesProductos de hábitos
Voz tipográfica
- Display
- Archivo
- Body
- Source Serif 4
- Utility
- IBM Plex Mono
Comportamiento
- Forma
- Tallos conectores, hojas recortadas y semilleros modulares.
- Movimiento
- El crecimiento responde a progreso real y se sustituye por estados completos en reduced-motion.
- Firma
- Una rama funcional muestra qué acción hizo crecer cada módulo.
04 / REGLAS DE VUELOEl sistema funciona
El sistema funciona
cuando decides así.
Haz esto
01Crecer significa avanzar
02Toda rama tiene origen
03El color indica especie y estado
Evita esto
×1Hojas decorativas
×2Verde neón sobre texto
×3Crecimiento infinito
05 / COMPONENT KIT
Piezas del universo.
Componentes de referencia para trasladar la dirección visual a un producto completo.
Growth rail
↗Seed card
↗Branch navigation
↗Bloom status
↗Cultivation log
↗Harvest action
↗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 “Electric Botanica” (EB-34) de Co.De Strategy Systems Atlas. Intención: Botánica eléctrica para productos que cultivan hábitos, colecciones o conocimiento mediante crecimiento visible y controlado. Paleta: Night leaf #10251F, Pollen #FFF1A8, Stem #69E37B, Petal #A979FF Tipografía: display Archivo; cuerpo Source Serif 4; utilidad IBM Plex Mono. Forma: Tallos conectores, hojas recortadas y semilleros modulares. Movimiento: El crecimiento responde a progreso real y se sustituye por estados completos en reduced-motion. Firma visual: Una rama funcional muestra qué acción hizo crecer cada módulo. Principios: Crecer significa avanzar; Toda rama tiene origen; El color indica especie y estado. Evita: Hojas decorativas; Verde neón sobre texto; Crecimiento infinito. Adapta el sistema al producto existente; conserva accesibilidad, semántica, responsive y reduced-motion. No copies la maqueta literalmente: aplica sus reglas.