Glassmorphism
Glassmorfismo
El glassmorfismo es un estilo visual con superficies claras en capas. Utiliza desenfoque, bordes claros y una pequeña sensación de profundidad.
Otro ejemplo
Un reproductor de música pone sus controles en un panel esmerilado sobre la portada brillante del álbum.
Partes principales
- 01Content surface
- 02Distinct visual treatment
- 03Action and readability check
Úsalo cuando
Usa un poco cuando el fondo visible y la profundidad del material se ajusten a la marca.
No lo uses cuando
Nunca coloques un vidrio de bajo contraste sobre una imagen cargada. Evita costosas capas apiladas de desenfoque.
Nombre usado en código
translucency + backdrop-filter Antes de lanzarlo
Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience.
Outcome: Complete the task with Glassmorfismo (Glassmorphism). User context: Un reproductor de música pone sus controles en un panel esmerilado sobre la portada brillante del álbum. Design concept to apply: Glassmorfismo (Glassmorphism). Why it fits: Usa un poco cuando el fondo visible y la profundidad del material se ajusten a la marca. Do not use it when: Nunca coloques un vidrio de bajo contraste sobre una imagen cargada. Evita costosas capas apiladas de desenfoque. Design requirements: Set the content order, shared design values, and reusable components. Define how the layout changes by screen size and state. Keep useful design choices separate from decoration. Inclusion and resilience: Check contrast, zoom, languages, themes, and reduced motion when needed. Do not use color or effects as the only way to show meaning. Acceptance criteria: The design stays clear on phones and desktops, at zoom, in every theme, and in all supported languages. Interactive states stay clear and consistent. Evidence and limits (evidence boundary): Esto no es un estándar normativo. Su nombre, límites y comportamiento esperado pueden cambiar de una fuente a otra. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.
Revisa esta petición
Review how Glassmorfismo (Glassmorphism) is used now. Definition: El glassmorfismo es un estilo visual con superficies claras en capas. Utiliza desenfoque, bordes claros y una pequeña sensación de profundidad. Release checks: Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.