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.
Figma
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.
1. Logo
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.\
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.
