Sistema de Cores para E-commerce

#22C55E

Um sistema de cores profissionalmente curado, projetado especificamente para interfaces de e-commerce. Cada token — de backgrounds a estados de botão — foi escolhido para criar a melhor experiência de usuário possível.

Por que E-commerce para sua UI?

Sites de e-commerce precisam de cores que impulsionem ação. Verde — associado a dinheiro, crescimento e sinais positivos — naturalmente incentiva compras. A cor de destaque chama atenção para CTAs e badges de oferta sem competir com as imagens dos produtos.

What you get

  • 16 tokens de cor com nomes semânticos (--color-primary, --color-surface, --color-success, etc.)
  • Dark mode + Light mode — gerados automaticamente
  • Contraste de texto compatível com WCAG
  • Estados de botão: primary, hover, disabled, accent
  • Variáveis CSS prontas para colar em qualquer projeto
  • Funciona com Tailwind CSS, React, Vue ou HTML puro

Crie seu próprio sistema de cores

Começar com esta cor

One-time payment · $5.00

FAQ

Qual a melhor cor para um e-commerce?
Depende da sua marca e público. Nossa paleta recomendada para e-commerce é baseada em boas práticas de UI/UX, mas você pode personalizar a cor base para combinar com sua identidade.
Essa paleta suporta dark mode para e-commerce?
Sim. Todo sistema gerado inclui tokens para dark e light mode, otimizados para as necessidades específicas de interfaces de e-commerce.
Posso usar essas cores com Tailwind CSS?
Com certeza. As variáveis CSS geradas funcionam com qualquer framework. Você pode mapeá-las no seu Tailwind config ou usá-las diretamente nos seus estilos.

Explore mais sistemas de cores

Sistema de Cores Verde
Sistema de Cores Amarelo
Sistema de Cores Laranja