Sobreposições
Cartão de prévia
Hover card
Uma prévia rica de uma pessoa ou item, revelada perto de uma referência.
@ana.design
ALAna LimaDesign de produtos digitais
Transformando ideias em interfaces.
Exemplo didático · Representação visual do padrão
Quando usar
Mostrar detalhes secundários sem abrir outra página.
Cuidados e acessibilidade
Ofereça acesso por foco e toque. Não esconda informações essenciais somente nesse cartão.
Partes e comportamento
Referência de origem e painel compacto com informações adicionais.
Não confunda
Tooltip é uma dica breve; hover card permite uma prévia mais rica.