... | ... | @@ -18,29 +18,27 @@ Aqui podem ser encontrados os protótipos de alto nível do projeto e as cores u |
|
|
- [Elementos Visuais](#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.
|
|
|
|
|
|

|
|
|
A paleta inclui cores para os estados de hover, focus, select e active. Também apresenta cores que podem ser usadas para planos de fundo, elementos de alto contraste (como texto e divisores) e elevação e profundidade.
|
|
|

|
|
|
|
|
|
### 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.
|
|
|
## Tipografia
|
|
|

|
|
|
|
|
|
 |
|
|
## Elementos Visuais
|
|
|
 |