Elevations
Las elevaciones permiten agregar profundidad y realismo a los diseños distribuyendo los elementos en un eje-z
Casos de uso
Botones
Los botones son clave en cualquier interfaz. La elevación se utiliza en el estado "Hover". Una sombra paralela crea profundidad y los hace sentir más interactivos.
Cards
Las cards son elementos populares en las interfaces para mostrar información enfocada y contenida. La elevación crea jerarquía y sugiere que es un elemento accionable.
Navegación
La navegación es esencial, elevando los elementos principales (menú, header, bottom navigation) hace que destaquen y fáciles de encontrar y realza su interactividad.
Elevation 1
X: 0 | Blur: 4
Y: 2 | Spread: 0
⚫️ #000000 8%
Elevation 2
X: 0 | Blur: 8
Y: 2 | Spread: 0
⚫️ #000000 8%
Elevation 3
X: 0 | Blur: 16
Y: 8 | Spread: 0
⚫️ #000000 8%
Elevation 4
X: 0 | Blur: 24
Y: 216 | Spread: 0
⚫️ #000000 16%