Hero image é o visual dominante no topo de uma página, landing ou tela de app. Ela geralmente ocupa a largura da viewport e costuma vir acompanhada de um título, uma frase de apoio e, às vezes, um botão de ação. O papel dela é causar impacto imediato, dar contexto e puxar a pessoa pra dentro da experiência.
Pra quem desenha produto, o hero é onde a estética encontra a clareza. Não basta ser bonita, porque ela precisa refletir o valor e a narrativa do produto. A escolha de imagem, a tipografia e o layout têm que conversar entre si, e tudo isso precisa funcionar no celular sem perder o sentido, já que é nele que a maior parte das pessoas vê o hero primeiro.
A acessibilidade também conta aqui. A imagem precisa de um alt descritivo, o texto sobre ela precisa de contraste e tratamento de fundo pra continuar legível, e um hero em vídeo que toca sozinho precisa oferecer controle de pausa.