Documento de Identidade

Visão geral

O guia de estilo é um conjunto de diretrizes que estabelece padrões e regras para a escrita e apresentação de design para um produto. Tem como principal objetivo ajudar a manter a consistência na comunicação visual do projeto, aumentando a sua legibilidade, reconhecimento e memorização pelo público-alvo.

Logo e Identidade Visual

Imagem 1: Logo Principal (Fonte: Autoria Própria)

Imagem 2: Logo Recolorida (Fonte: Autoria Própria)

Cores

Cores principais: #0B4F6C e #FBFBFF

Cores secundárias: #757575 e #01BAEF

Cores terciárias: #6C0E23 e #20BF55

Imagem 3: Cores (Fonte: Autoria Própria)

Tipografia

A família tipográfica principal será Poppins e suas variações.

Imagem 4: Fontes (Fonte: Google Fonts)

Ícones e Elementos Gráficos

Os ícones são obtidos a partir da biblioteca fontawesome.

Imagem 5: Icone de Configuração (Fonte: fontawesome)

Imagem 6: Icone de Notificação (Fonte: fontawesome)

Imagem 7: Icone de Edição (Fonte: fontawesome)

Imagem 8: Icone de Saída (Fonte: fontawesome)

Para os gráficos será utilizado com base nos componentes da biblioteca tailwindui.

Imagem 9: Gráficos (Fonte: tailwindui)

Layout e Grid:

Dois grids principais, um para logins e cadastro e outro para visualização de dados da aplicação.

Imagem 10: Grid Principal (Fonte: Autoria Própria)

Imagem 11: Grid Login/Cadastro (Fonte: Autoria Própria)

Documento de Identidade Visual

O documento se encontra no Figma.

Imagem 12: Tipografia e Cores (Fonte: Autoria Própria)

Imagem 13: Icones, Grid e Logo (Fonte: Autoria Própria)

Protótipo de Alta Fidelidade

O protótipo pode ser encontrado no Figma.

Tela de Login

Imagem 14: Tela de Login (Fonte: Autoria Própria)

Tela de Cadastro

Imagem 15: Tela de Cadastro (Fonte: Autoria Própria)

Tela de Listar Usuários

Imagem 16: Tela de Listar Usuários (Fonte: Autoria Própria)

Tela de Visualizar Estações

Imagem 17: Tela de Visualizar Estações (Fonte: Autoria Própria)

Tabela de versionamento

Versão	Data	Descrição	Responsável
0.1	06/12/2024	Criação do documento	Cibele Goudinho