Botões

Na Josy Joias, utilizamos diferentes estilos de botões para proporcionar uma experiência de navegação clara e agradável. Abaixo você confere os principais tipos disponíveis em nossa loja, com exemplos práticos e orientações de uso. Bônus de depósito até 100% no 71b.com | Bônus de até R$5.000 + 250 giros grátis

Botão Primário

O botão primário é usado para as ações mais importantes, como "Comprar" e "Adicionar ao carrinho". Ele possui fundo escuro e texto branco, destacando-se na página. Por sua alta visibilidade, é recomendado utilizá-lo apenas uma vez por seção, evitando concorrência entre chamadas principais e guiando o usuário pela jornada de compra.

Botão Outline

O botão outline é ideal para ações secundárias, como "Ver opções" ou "Leia mais". Tem borda escura e fundo transparente, equilibrando a hierarquia visual sem roubar a atenção do botão primário. É muito usado em listas de produtos e cards informativos.

Botão Bloco

O botão bloco ocupa toda a largura do contêiner, sendo perfeito para chamadas em destaque, como "Finalizar compra" ou banners promocionais. Seu formato completo facilita o clique em dispositivos móveis, garantindo uma área de toque ampla.

Botão com Ícone

Combinamos texto e ícone para facilitar o entendimento da ação, como nos botões de wishlist ou carrinho. O ícone reduz o esforço cognitivo e acelera a tomada de decisão, especialmente em interfaces de catálogo.

Boas Práticas

Para garantir uma experiência consistente, todos os botões seguem diretrizes de acessibilidade: altura mínima de 44 px, contraste adequado e feedback visual ao passar o mouse. Esses cuidados tornam a navegação mais intuitiva tanto em computadores quanto em celulares.

Explore nossa loja e encontre as joias perfeitas para você. Visite a Loja →