Page cover

Logo Button

Logo Button é um botão interativo que utiliza a logo do produto como elemento visual principal para acionar uma ação, geralmente de navegação para a página inicial.


Uso

O Logo Button é utilizado em áreas estratégicas da interface, como cabeçalhos e barras de navegação, quando se deseja associar a identidade visual do produto a uma ação de retorno para a home ou ponto inicial da navegação. Seu uso reforça a marca ao mesmo tempo em que fornece uma interação rápida e familiar ao usuário, alinhado ao padrão de usabilidade observado em sistemas amplamente adotados.


Anatomia

❖. Container

Agrupamento visual e funcional do componente. É o local onde ocorrem os estados de interação (hover, pressed, disabled) e onde a aparência visual pode ser alterada por skins, se aplicável.

Elemento gráfico obrigatório que representa a identidade visual do produto. Recebe efeitos visuais em diferentes estados de interação, como uma sobreposição de cor neutra (Neutral 200) no hover para destacar a área clicável em relação ao fundo.\


Histórico de Atualizações

Figma
Gitbook
Android
iOS
Web

03/09/2024

18/07/2025

Atualizações por data

Setembro 2024

03/09/2024

  • Atualização da nomenclatura do componente de "Button Logo" para "Logo Button"

Agosto 2024

16/08/2024

  • Criação e documentação do novo componente

Percebeu um erro, ficou com dúvida ou tem uma sugestão?

Contribua com o Kósmos preenchendo nosso formulário de contribuição — sua colaboração ajuda a tornar o Design System mais claro, útil e evolutivo para todo o time.

Atualizado