> For the complete documentation index, see [llms.txt](https://sigafdocumenta.saude.mg.gov.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sigafdocumenta.saude.mg.gov.br/identidade-visual/para-comecar/readme.md).

# Nova Identidade do SIGAF

Em 2021 iniciamos a [reconstrução do SIGAF](/sobre-o-sigaf/atualizacoes/reconstrucao-do-sigaf.md) em uma nova tecnologia de desenvolvimento (framework). Nesse mesmo ano foi iniciado um estudo para atualização da identidade visual do SIGAF de forma que o sistema tivesse um design moderno que acompanhasse as mudanças estruturais realizadas. A intenção foi manter as cores já conhecidas pelos usuários, mas de forma aprimorada, e criar uma disposição amigável e dinâmica para o sistema.

### Logo

A nova logo do SIGAF foi criada pela Prodemge em conjunto com a CQGI e trata-se da inicial "S" do sistema em uma nova paleta de cores - laranja, verde e amarelo.

![](/files/NjwhqizjTYC9b749WaRN) ![](/files/tCYa7uzVil9bIvlpZ2zc)

{% file src="/files/vPNnh8mUZmM6HtYIHkzE" %}

{% file src="/files/fS5OG2yte9Q0p2PGsFdB" %}

### Paleta de Cores

A paleta de cores principais do sistema é composta por laranja, verde e branco. Já a paleta de cores secundárias, laranja e verde claros, cinza e preto. As cores são as mesmas antes utilizadas, mas agora em tonalidades e disposições diferentes no sistema.

<figure><img src="/files/sZL3ezrygS6Q5wjgPEJT" alt=""><figcaption></figcaption></figure>

### Iconografia

{% hint style="info" %}
A Iconografia é o conjunto de imagens, no caso, ícones padronizados de um sistema de informação. Estes tem um padrão estético, seja por seu traçado, cor, ou design utilizado. Os ícones são símbolos que, numa interface gráfica, representam uma função ou um documento que o utilizador pode selecionar.
{% endhint %}

Para garantir um design mais intuitivo e agradável para os usuários os ícones utilizados no sistema também foram reformulados, conforme segue:

#### > Ferramenta de Atalho

<figure><img src="/files/Po4YqgsJ6a1GdWY42lzc" alt=""><figcaption><p>Esses são os ícones de atalhos, estarão presentes na página inicial do sistema.</p></figcaption></figure>

#### > Opções do Grid de Resultados

<figure><img src="/files/FSFYYmYnQN3iaZ4DkrLT" alt=""><figcaption><p>Esses são ícones de ação, opções que podem ser selecionadas.</p></figcaption></figure>

#### > Inputs de Dados

<figure><img src="/files/AogATG4yAPJ2jPGghbjY" alt=""><figcaption><p>Esses são ícones de filtro e busca.</p></figcaption></figure>

#### > Navegação e Outros

<figure><img src="/files/QVO1ZTAfrepmcVMbYzPB" alt=""><figcaption><p>Esses são os ícones para navegar no sistema e definir algumas preferências.</p></figcaption></figure>

Depois dessa apresentação da nova identidade visual você pode estar pensando: ***Legal saber mais sobre os ícones, mas onde eles vão aparecer no sistema e quais serão as suas funcionalidades?***

A resposta é que o detalhamento de cada um dos ícones será tratado nos manuais específicos para cada ação no sistema, então **siga acompanhando os conteúdos**!

{% hint style="info" %}
**Fique ligado!**

Todos os conteúdos que tenham "**Raio-x**" no título vão apresentar um pouco mais sobre a identidade visual e principais comandos presentes naquela página do sistema. Funciona como uma fotografia da página, mas não entra nos detalhes.

Já os conteúdos que tenham "**passo a passo**" no título irão detalhar as etapas necessárias para cada ação no sistema.
{% endhint %}

### Saiba Mais

No Raio-X você poderá comparar o antes e depois do SIGAF.

<figure><img src="https://media.giphy.com/media/NRqeAypj3mPRWR62c6/giphy.gif" alt=""><figcaption></figcaption></figure>

Para conhecer a identidade visual aplicada em cada nova página e ferramentas dessa versão do SIGAF veja os conteúdos a seguir:

{% content-ref url="/pages/Q08tV5DnbpuVkn2t7bx5" %}
[Raio-x do Acesso ao SIGAF](/identidade-visual/raio-x/raio-x-do-acesso-ao-sigaf.md)
{% endcontent-ref %}

{% content-ref url="/pages/U5SHlZrolg3XWc3CQ3VJ" %}
[Raio-x da Página Inicial](/identidade-visual/raio-x/raio-x-da-pagina-inicial.md)
{% endcontent-ref %}

{% content-ref url="/pages/FusqwppiXf8tfnWA7NT0" %}
[Raio-x do Cadastro de Usuários](/identidade-visual/raio-x/raio-x-do-cadastro-de-usuarios.md)
{% endcontent-ref %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://sigafdocumenta.saude.mg.gov.br/identidade-visual/para-comecar/readme.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.