Materiales y terminología de Liquidify para la web.
Liquidify es una implementación web independiente inspirada en Liquid Glass de Apple. No es un producto de Apple ni está afiliado a la empresa. El renderizado del navegador no se presenta como idéntico al nativo.
El material combina CSS y SVG:
El motor usa el DOM detrás del control. No requiere capturas de pantalla ni imágenes del fondo.
| Valor | Uso |
|---|---|
frosted | Mayor separación respecto a fondos con mucho contenido |
regular | Equilibrio predeterminado para controles y superficies |
clear | Tratamiento más ligero sobre fondos que sigan siendo legibles |
El material es independiente del tema, tinte, variante del componente y frecuencia de cambio del fondo. Mantén separados estos conceptos al diseñar tu interfaz.
El efecto de cristal es una mejora progresiva. La jerarquía, las etiquetas, el foco y las áreas de interacción deben seguir siendo claros sin la refracción completa. No comuniques el estado únicamente mediante transparencia.