Uma sombra é uma forma escura e suave atrás de um elemento que o faz parecer elevado em relação à página. É como a sombra sob uma caixa apoiada sobre uma mesa.
Designers podem usar sombras para destacar um menu ou diálogo do conteúdo ao fundo. Uma sombra sutil pode indicar qual camada está à frente sem desenhar uma borda visível.
Use sombras com moderação e consistência. Se todos os itens parecerem elevados, nada será especial; sombras fortes também podem deixar a página carregada ou mais difícil de ler.