Guia de Estilo
Cores:
Cores principais
Cor que será utilizada em NavBars e Headers da aplicação.
Cor que será utilizada em botões primários e outros elementos que requer maior atenção.
Cores secundárias
Para o background foi definido o White Smoke, por ser uma tonalidade mais leve de branco.
Cor utilizada para mensagens de alerta.
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.
Referências
Equipe de GCES do SiGed 2020-2 - Documento de arquitetura Disponível em: https://fga-eps-mds.github.io/2020-2-SiGeD/visual_identity/. Acesso em: 18 mar. 2022.
Histórico
| Versão | Data | Modificação | Autor(es) |
|---|---|---|---|
| 0.1 | 18/03/2022 | Criação do documento | Rafael |
| 0.2 | 18/03/2022 | Desenvolvimento do documento | Rafael |
| 1.0 | 18/03/2022 | Finalização da primeira versão e revisão | Rafael |