Guia de estilo
1. Introdução
O Guia de Estilo de um projeto de software, na parte de design, define as normas estéticas e de usabilidade que devem ser seguidas para criar uma interface de usuário coerente e atraente. Isso inclui diretrizes para layout, cores, tipografia, ícones e elementos de interação, assegurando que a aparência e a experiência do usuário sejam consistentes em todo o software.
2. Identidade Visual
2.1 Logo Principal
2.2 Tipografia
As principais famílias tipográficas definidas para o projeto foram a Inter e Rubik, e suas variações de estilo.
Fonte Inter
| Tipo | Alfabeto |
|---|---|
| Regular | abcdefghijklmnopqrstuvz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 .,:;/()&?!@ |
| Medio | abcdefghijklmnopqrstuvz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 .,:;/()&?!@ |
| Negrito | abcdefghijklmnopqrstuvz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 .,:;/()&?!@ |
Fonte Rubik
| Tipo | Alfabeto |
|---|---|
| Regular | abcdefghijklmnopqrstuvz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 .,:;/()&?!@ |
| Medio | abcdefghijklmnopqrstuvz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 .,:;/()&?!@ |
| Negrito | abcdefghijklmnopqrstuvz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890 .,:;/()&?!@ |
2.3 Cores
Cores Primárias
HEX: #FFA500
RGB: 255, 165, 0
HEX: #FFFFFF
RGB: 255, 255, 255
Cores Secundárias
HEX: #131313
RGB: 19, 19, 19
HEX: #000000
RGB: 0, 0, 0
HEX: #B01212
RGB: 176, 18, 18
HEX: #FFCD71
RGB: 255, 205, 113
HEX: #FFF7E8
RGB: 255, 247, 232
HEX: #F6F6F3
RGB: 246, 246, 243
2.4 Icones
Os icones utilizados na aplicação são obtidos a partir da biblioteca Tabler-icons
3. Histórico de Revisão
| Data | Versão | Modificação | Autor |
|---|---|---|---|
| 20/10/2023 | 0.1 | Criação do documento | Carlos Eduardo Alexandre Lema Bruno Bragança |