Esta página contém alguns componentes de UI para testar cores, superfícies e outros aspectos do meu design system.
Cores
As cores foram inspiradas por algumas das minhas coisas favoritas. Em vez de pegar tons como passos incrementais de brilho/escuridão, eu optei por escolher cada tom manualmente. Os matizes são levemente mais quentes no lado mais escuro do espectro e mais frios no lado mais claro.
Cores principais
Neutros
A paleta de tons neutros foi inspirada pelo nascer do sol na praia, pouco antes dos tons quentes do sol começarem a pintar a paisagem. É o único conjunto de cores que precisou de um tom a mais para melhorar o contraste.
Destaques
A cor principal, ou cor de destaque (ainda não tenho muita certeza de qual categoria descreve essa paleta melhor), é um tom escuro arroxeado que eu escolhi pensando na cor de jabuticabas, uma das minhas frutas favoritas.
Functional colors
As cores funcionais existem para expressar significado por si mesmas, então apenas escolhi tons de vermelho, laranja e verde que combinassem com as demais para manter o equilíbrio.
Success
Warn
Error
Surfaces
As superfícies foram criadas num estilo bem leve de Glassmorphism, exceto no modo escuro, que funciona melhor com um estilo mais flat.