Skip to content

Identidade Visual

Cores:

Cores principais

Navy Blue: #1F3541

Cor que será utilizada em NavBars e Headers da aplicação.

Blue Grotto: #5289B5

Cor que será utilizada em botões primários e outros elementos que requer maior atenção.

Cores secundárias

White Smoke: #F6F6F6

Para o background foi definido o White Smoke, por ser uma tonalidade mais leve de branco.

Red: #FF0000

Cor utilizada para mensagens de alerta.

Black: #000000

Cor utilizada para textos da aplicação.

Tipografia

Para os textos da aplicação será utilizada a fonte Montserrat.

Os tamanhos dos textos devem seguir o padrão estabelecido:
Titulo da página: 24px
Subtitulos: 18px
Textos em botões: 16px
Outros textos: 14px

Outros estilos definidos

Foi pré-estabelecido também o tamanho de algumas bordas que serão utilizadas na aplicação:
Border radius em botões 15px
Border radius em categorias 15px
Border radius em cards 15px
Border radius em tabela 10px

Icons

Os icones utilizados na aplicação serão, por padrão, os icones do Material Icons.