Materia cromática
Polar
#F4F7F6Carbon
#101416Aurora
#66F4D0Solar flare
#FF725ESI-13
Spectral Interface
La luz también organiza.
INTENCIÓN DEL SISTEMA
Holografía óptica precisa: planos suspendidos, difracción controlada y profundidad que informa jerarquía.
IDEAL PARAIAVisualización médicaProductos next-gen
Voz tipográfica
- Display
- Syne / sans geométrica
- Body
- Inter
- Utility
- Space Mono
Comportamiento
- Forma
- Láminas translúcidas, bordes prismáticos y recortes oblicuos.
- Movimiento
- Parallax de baja amplitud y enfoque por profundidad.
- Firma
- Un haz difractado conecta el control con su panel.
04 / REGLAS DE VUELOEl sistema funciona
El sistema funciona
cuando decides así.
Haz esto
01La transparencia comunica capas
02El espectro aparece en interacción
03La profundidad conserva lectura 2D
Evita esto
×1Gradiente genérico
×2Blur excesivo
×3Texto sin contraste
05 / COMPONENT KIT
Piezas del universo.
Componentes de referencia para trasladar la dirección visual a un producto completo.
Depth nav
↗Prism CTA
↗Métrica translúcida
↗Timeline espectral
↗Calibrador
↗Command palette
↗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 “Spectral Interface” (SI-13) de Co.De Strategy Systems Atlas. Intención: Holografía óptica precisa: planos suspendidos, difracción controlada y profundidad que informa jerarquía. Paleta: Polar #F4F7F6, Carbon #101416, Aurora #66F4D0, Solar flare #FF725E Tipografía: display Syne / sans geométrica; cuerpo Inter; utilidad Space Mono. Forma: Láminas translúcidas, bordes prismáticos y recortes oblicuos. Movimiento: Parallax de baja amplitud y enfoque por profundidad. Firma visual: Un haz difractado conecta el control con su panel. Principios: La transparencia comunica capas; El espectro aparece en interacción; La profundidad conserva lectura 2D. Evita: Gradiente genérico; Blur excesivo; Texto sin contraste. Adapta el sistema al producto existente; conserva accesibilidad, semántica, responsive y reduced-motion. No copies la maqueta literalmente: aplica sus reglas.