Our Insights About Modern Technology

Elevaciones

Las elevaciones simulan profundidad en la interfaz mediante el uso de sombras para indicar jerarquía visual, estados e interacción entre los elementos.

También permiten diferenciar componentes del fondo u otras capas, ayudando a organizar la información y separar secciones.

Su uso es clave para representar superficies superpuestas como modales, menús desplegables o dropdowns.

Niveles de elevación

Tokens

Casos de uso comunes

Buen uso de las elevaciones

  • No usar las elevaciones dentro de las cards.
  • Las elevaciones deben reforzar la jerarquía, no competir con ella.
  • Combinar elevación con cambios de estado (hover, focus).
Elevaciones - PreviousIconografíaNext - ElevacionesTipografía