Sabe aquela coisinha na tela?
Ela tem nome.

Uma janela sobre a página que pede sua atenção antes de você continuar.

Um recado breve que confirma uma ação sem interromper o que você está fazendo.

Uma pequena explicação que aparece ao passar o mouse ou focar um elemento.

Títulos que se expandem para mostrar o conteúdo de cada seção.

Opções que alternam o conteúdo de uma mesma área, sem mudar de página.

Uma lista de ações que se abre a partir de um botão.

Um controle que liga ou desliga uma configuração.

Blocos provisórios que antecipam o formato do conteúdo enquanto ele carrega.

Uma sequência de links que mostra onde você está dentro da hierarquia do site.

Uma trilha com um marcador que você arrasta para ajustar um valor.

Um bloco que reúne informações sobre um único assunto, com uma hierarquia visual clara.

Uma busca de ações e destinos que pode ser aberta por um atalho.

Reúne links para as principais áreas de um site ou aplicativo.

Uma coluna lateral que mantém destinos ou ferramentas sempre ao alcance.

O botão de três linhas que revela a navegação quando falta espaço.

Destinos principais posicionados junto à borda inferior da tela.

Divide uma coleção em páginas e oferece controles para percorrê-las.

Mostra a sequência e o progresso de uma tarefa com vários passos.

Destaca no índice a seção que está sendo lida conforme a página rola.

Leva a uma parte específica do mesmo documento.

Um atalho para retornar ao início de uma página extensa.

Um painel de navegação amplo que agrupa muitos links por assunto.

Representa níveis hierárquicos que podem ser expandidos ou recolhidos.

Opções próximas, agrupadas visualmente, para escolher um modo ou valor.

Um texto ou elemento que leva a outro endereço ou trecho.

Um controle que executa uma ação quando é ativado.

Uma área para digitar uma informação curta em uma única linha.

Um campo de várias linhas para conteúdo mais longo.

Marca ou desmarca escolhas que podem existir de forma independente.

Permite escolher uma única alternativa dentro de um grupo.

Apresenta opções predefinidas para selecionar um valor.

Combina digitação com uma lista de sugestões selecionáveis.

Permite manter mais de uma opção selecionada no mesmo campo.

Ajuda a escolher uma data por digitação ou calendário.

Seleciona o início e o fim de um período.

Recebe uma hora com os limites e a precisão exigidos pelo contexto.

Escolhe uma cor por controle visual ou valor textual.

Um controle para selecionar e enviar arquivos do dispositivo.

Um campo que oculta visualmente uma credencial durante a digitação.

Recebe um código temporário de confirmação.

Recebe palavras para localizar conteúdo dentro de um conjunto.

Aumenta ou diminui um número por passos definidos.

Representa uma avaliação em níveis, frequentemente com estrelas.

Orienta a apresentação de um valor enquanto a pessoa digita.

Uma orientação persistente próxima de um campo.

Explica o que impede um campo de ser aceito e como corrigir.

Identifica qual informação deve ser informada em um controle.

Uma dica dentro de um campo vazio que desaparece ao preencher.

Reúne controles relacionados com um título comum.

Mostra quanto de uma tarefa já foi concluído.

Uma animação compacta que indica atividade sem mostrar uma porcentagem.

Mostra uma medida de progresso ao redor de um círculo.

Uma mensagem perto do conteúdo ao qual ela se refere.

Uma faixa ampla que comunica algo relevante para uma área ou página inteira.

Explica por que uma área ainda não tem conteúdo e o que pode ser feito.

Informa que uma operação falhou e oferece uma forma de recuperação.

Confirma a conclusão de uma tarefa e indica o próximo passo.

Um marcador compacto de contagem, novidade ou estado.

Um pequeno marcador que acompanha o estado de uma pessoa ou serviço.

Um aviso breve que inclui uma ação contextual, como desfazer.

Mostra que a ação do botão está sendo executada.

Um bloco destacado que complementa o conteúdo com uma nota, dica ou cuidado.

Mostra uma medida dentro de uma faixa conhecida, como ocupação ou intensidade.

Um painel que entra por uma lateral para exibir uma tarefa ou detalhes.

Um painel que surge a partir da borda inferior da tela.

Uma pequena superfície associada ao controle que a abriu.

Mostra ações relacionadas ao elemento acionado, geralmente por clique secundário.

Amplia uma imagem ou mídia sobre o conteúdo atual.

Uma camada atrás de um painel que reduz o destaque do restante da página.

Uma prévia rica de uma pessoa ou item, revelada perto de uma referência.

Uma interrupção para uma mensagem importante que pede uma resposta.

Aponta uma funcionalidade e explica como usá-la durante a descoberta.

Reduz o destaque ao redor de uma área para orientar a atenção.

Agrupa a identidade e os controles introdutórios de uma página ou seção.

Reúne informações de fechamento, links auxiliares e dados institucionais.

Organiza blocos de tamanhos diferentes em uma composição modular.

Distribui itens de alturas variadas com pouco espaço vazio entre eles.

Ajusta o número e a largura das colunas ao espaço disponível.

Divide o espaço em painéis relacionados, como lista e detalhe.

Um controle que permite aumentar ou diminuir uma área.

Uma linha ou espaço que separa grupos ou partes de um conteúdo.

Permanece preso a um limite durante parte da rolagem do seu contêiner.

Mantém um elemento em posição fixa em relação ao seu bloco de referência, frequentemente a janela.

Apresenta uma sequência de itens em uma área compartilhada.

Move conteúdo em uma faixa que se repete ao longo do tempo.

Um contêiner que permite rolar seu conteúdo sem rolar toda a página.

Organiza informações comparáveis em linhas e colunas.

Uma tabela cujas linhas podem ser ordenadas por coluna.

Agrupa itens em colunas que representam estados de um fluxo.

Organiza acontecimentos em uma sequência temporal.

Uma representação compacta de uma pessoa ou conta.

Reúne miniaturas de pessoas relacionadas ao mesmo conteúdo.

Um elemento compacto que pode representar uma seleção e permitir removê-la.

Um rótulo curto que classifica ou descreve um conteúdo.

Agrupa o texto de uma mensagem e o distingue dentro de uma conversa.

Destaca uma medida com contexto, período e comparação quando relevante.

Usa comprimentos de barras para comparar valores entre categorias.

Conecta observações para mostrar uma evolução ao longo de uma dimensão ordenada.

Mostra partes de um total por segmentos circulares com um centro vazio.

Posiciona dias e acontecimentos em uma estrutura temporal.

Agrupa elementos relacionados em sequência, com ou sem ordem significativa.

Uma sequência de ações recentes com autoria, descrição e horário.

A superfície independente de um aplicativo de desktop, com moldura e controles próprios.

Os controles vermelho, amarelo e verde das janelas do Mac.

A região superior do sistema onde o aplicativo oferece seus menus.

Um item de acesso rápido na barra superior do macOS.

Um marcador sobre o ícone do aplicativo no Dock.

Um diálogo associado a uma janela específica de documento.

Um painel que mostra propriedades da seleção atual.

Agrupa comandos frequentes associados à janela ou documento.

Uma amostra que exibe a cor atual e permite abrir o seletor nativo.

O diálogo do sistema para escolher nome e destino de um arquivo.

Um material que integra uma superfície ao conteúdo visual que fica atrás dela.

Indica qual elemento receberá a próxima ação do teclado.

A forma do ponteiro que sugere a interação disponível.

A marca que indica onde o próximo caractere será inserido.

Permite mover um objeto até uma área de destino por um gesto de arrastar.

Encurta visualmente um texto que não cabe no espaço disponível.

Faz a rolagem se alinhar a posições de referência em uma sequência.

Carrega mais itens conforme a pessoa chega ao fim da lista.

Destaca a principal ação da tela em um botão que permanece fácil de alcançar.

Reverte uma alteração recente e permite recuperar o estado anterior.

Combina uma ação principal com um botão separado que abre alternativas.