← bit-system / fundamentos

Cores

Paleta construída pra transmitir presença digital, tecnologia e ousadia. Neon é a cor da marca; fúchsia dá personalidade; tolopea estrutura. Use feedback colors apenas pra status.

Neon

primary · $neon · ações, destaques, ctas

Fúchsia

accent · $fuchsia · hovers, destaques secundários

Tolopea

secondary · $tolopea · backgrounds, títulos estruturais

Neutrals

$neutral · textos, fundos, separadores

Feedback

status · apenas para indicar estados

Gradientes

background, overlays, banners
Primary · neon → fúchsia
Secondary · tolopea → fúchsia
Tertiary · neon → tolopea

Quando usar / quando não

✓ Faça

  • Use neon como única cor primária de CTA por tela.
  • Combine neon + preto pra máximo contraste em CTAs.
  • Use fúchsia em hovers, badges e sombras de destaque.
  • Tolopea pra backgrounds estruturais e seções de respiro.

✗ Evite

  • Neon e fúchsia juntos em botões de mesmo nível.
  • Cores de feedback (success/warning/error) em elementos decorativos.
  • Gradientes em texto corrido.
  • Neon sobre fúchsia — contraste ruim.