Para manter a consistência na interface e alinhar o time, resolvemos elaborar um Guia de Estilos. Com alguns detalhes definidos por meio do styleguide, vamos evitar o desperdício de tempo e padronizar o aplicativo para futuras entregas. A proposta de Design do aplicativo é baseada na 8º Heurística de Nielsen (Estética e design minimalista) onde disponibilizamos somente as informações necessárias e as secundárias são deixadas para um segundo plano.
As cores primárias são uma escala de branco, que foram aplicadas na interface para fornecer uma experiência positiva ao usuário, mas principalmente pensando na acessibilidade visual, pois existem paletas que interferem na capacidade da visão.
Nas cores secundárias, usamos gradiente da combinação das cores roxo e azul, ressignificando o sentindo delas e transmitido ao usuário a sensação de segurança, confiança, inspiração, conquista, sucesso e reconhecimento que formam o senso de identidade da República. Determinados o gradiente como cor secundária e usamos em botões de CTA- call to action, despertando a atenção do usuário para ação.
Também utilizamos escalas de cores branco, preto e cinza, que são cores neutras para complementar e contrastar com as cores principais escolhida, assim como a implementação na cor das palavras, ícones, botões e cards.
As cores de ajuda também foram criadas para remeter situações de estado: sucesso, erro e atenção e utilizamos as cores que culturalmente já são representadas por verde, vermelho e amarelo respectivamente. Isso trás ao usuário uma familiaridade e diminui a curva de aprendizado.