Skip to content

Commit

Permalink
Adiciona idv
Browse files Browse the repository at this point in the history
  • Loading branch information
saracampss committed Apr 2, 2024
1 parent 3dedd53 commit 5b44b9a
Show file tree
Hide file tree
Showing 2 changed files with 27 additions and 0 deletions.
25 changes: 25 additions & 0 deletions docs/prototipagem/idv.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
# Identidade Visual

Na reunião com o cliente do dia 1º de abril foi apresentada e aprovada a nova identidade visual (IDV) do produto.

A nova IDV conta com uma paleta de cores selecionada trazendo identificação para o SINDPOL, além passar mensagens de comprometimento, organização e elegância para o usuário. Foi realizado teste de contraste com a paleta de cores para validar a leiturabilidade para pessoas com daltonismo e outras deficiências que impactem a percepção das cores. Além disso, com a paleta de cores foram geradas 55 variáveis de cores para serem usadas no protótipo mantendo a identidade visual.

Com relação a tipografia, foram escolhidas duas fontes sem-serifa que passam modernidade e seriedade para o usuário ao interagir com o produto. As fontes contém também grande cobertura de caracteres e alta variabilidade de estilos, pesos e comprimentos. Os ícones que devem ser usados no produto, seguindo a mesma ideia da tipografia, serão do pacote Ant Design Icons da biblioteca React Icons.


### Proposta de Identidade Visual apresentada e aprovada
<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fproto%2Frgl6c0lXvhJ0vI6pmL352q%2FProposta-de-IDV%3Fpage-id%3D0%253A1%26type%3Ddesign%26node-id%3D6-2288%26viewport%3D461%252C927%252C0.48%26t%3DFYT2mvh3mVrTcSJp-1%26scaling%3Dcontain%26mode%3Ddesign" allowfullscreen></iframe>

## Referências
[Colormind.io](http://colormind.io/)
[Constrast Checker](https://contrastchecker.com/)
[UI Colors](https://uicolors.app/create)
[Google Fonts - Noto Sans](https://fonts.google.com/noto/specimen/Noto+Sans)
[Google Fonts - Overpass](https://fonts.google.com/specimen/Overpass)
[React Icons - Ant Design Icons](https://react-icons.github.io/react-icons/icons/ai/)

## Histórico de versão

| Alteração | Data | Autor |
| - | - | - |
| Criação do documento | 02/04/24 | Sara Campos |
2 changes: 2 additions & 0 deletions mkdocs.yml
Original file line number Diff line number Diff line change
Expand Up @@ -22,4 +22,6 @@ nav:
- Quadro de conhecimento: alinhamento/heatmap.md
- Planejamento de dojos: alinhamento/dojos.md
- Canais de comunicação: alinhamento/canais.md
- Prototipagem:
- Identidade Visual: prototipagem/idv.md

0 comments on commit 5b44b9a

Please sign in to comment.