Guia de Estilo

1. Introdução

Neste documento serão documentados os atributos utilizados para compor o guia de estilo. Estará incluso aqui a logo da aplicação, assim como a tipografia utilizada e as cores definidas.

2. Cores

• Primária: Foi escolhido como cor primária o verde, em sua tonalidade(em hexadecimal) #17c13d. Essa cor será utilizada em navbars, separações, botões, etc.

• SecundáriaO cinza, em seu tom #c9c9ce foi escolhido como cor secundária para utilização de contraste, principalmente em tabelas geradas pelo usuário a partir de uma busca. Além dela, foi escolhido o vermelho #c11717, para que exista um contraste com o verde, criando um sentimento de negatividade para o botão que a utilizar.

• Neutras: Foram escolhidas as cores branca e preto. A branca é utilizada para background e textos de botões da navbar, enquanto o preto é utilizado em componentes com o background branco.

3. Logo

A logo utilizada para o Comexstat será a mesma do sistema antigo.

4. Tipografia

A fonte escolhida para o website foi a Helvetica Neue, com tamanho 18 para botões da navbar e 16 para botões e textos na página principal.