Design do Sistema

Descrição

Aqui podem ser encontrados os protótipos de alto nível do projeto e as cores utilizadas. Mais informações sobre os mockups e o style guide podem ser encontrados aqui

Sumário

• Design do Sistema
  • Descrição
  • Sumário
  • Protótipos de Alto Nível
  • Cores
  • Tipografia
  • Elementos Visuais

Protótipos de Alto Nível

Tela inicial

Telas de cadastro

Tela de Frases

Tela de Objetivos

Exemplo de notificação

Cores

Paleta primária

As cores verdes reforçam o logotipo do aplicativo Focus. Verde 900 é a cor padrão de UI para a maioria das interações principais. Essa paleta também inclui cores para os estados de hover, focus, select e active.

Paleta Neutra

Esta paleta apresenta cores que podem ser usadas para planos de fundo, elementos de alto contraste (como texto e divisores) e elevação e profundidade.