Clubou
Design system realizado em 2022
Clubou *
Clubou *
Sobre o projeto
Este é um compilado de componentes e guidelines de Design System desenvolvidos para o projeto Clubou da Confere Cartões. O Clubou é um e-commerce de compras individuais e coletivas, que busca aumentar o volume de vendas dos lojistas ao mesmo tempo, em que barganha preços mais baixos para o consumidor final.
Agradeço ao meu líder na Confere Cartões, André Nascimento, que além de me ajudar e orientar durante esse período, também foi meu principal mentor durante minha transição de carreira. Agradeço também o apoio prestado pelo Ricardo Cici, que nos apoiou com a ideação e definição de objetivos de negócio para o produto.
Cores
Todas as cores escolhidas são aplicadas de forma que respeitem WCAG e estejam entre os níveis de legibilidade AA e AAA. Além disso, os seus usos variam entre primária, secundária, feedback e apoio.
Cor Primária
As cores primárias são usadas em itens que precisam de destaque dentro do fluxo.
Cor Secundária
Cor Terciária
As cores secundárias e terciária são usadas em itens que precisam de destaque dentro, mas que se enquadram como uma segunda ou terceira opção, ou que apenas não se deseja destacar tanto quanto os itens realçados com as cores primárias.
Cores neutras
Os tons de cinza são usados como apoio na construção de componentes as mais escuras e claras são utilizadas como background.
Cores de Feedback
Sucesso
Informação
Perigo
Atenção
Uso das cores
Optamos pelas secundárias e terciária para sinalizar casos de uso diferentes, como a compra em grupo e a compra individual.
A fonte Work Sans foi escolhida principalmente pela sua ótima legibilidade. Além disso, ela está presente na biblioteca do Google Fonts e combina de forma harmoniosa com a identidade visual do projeto.
Tipografia
Componentes
Os componentes foram desenvolvidos ao longo do projeto, conforme era identificada a necessidade. Abaixo são exibidos os principais componentes, suas variações e suas configurações light e dark.
