Cores
Definimos as cores a serem utilizadas no site do Portal de Serviços com base no tema branco do Manual de Identidade Visual do Governo Federal.
Foram cinco cores definidas para estilizar o site, e estas são utilizadas com o objetivo de proporcionar uma melhor legibilidade, organização, contraste e acessibilidade das informações.
| COR | CÓDIGO | EXEMPLO |
|---|---|---|
| Azul Claro | #3f7ef4 |
|
| Azul | #2c66ce |
|
| Azul Escuro | #1f4da3 |
|
| Branco | #ffffff |
|
| Cinza claro | #f0f2f1 |
|
| Cinza médio | #d5d5d5 |
|
| Cinza escuro | #606060 |
|
| Vermelho | #ff5151 |
|
| Verde | #33ba7c |
|
| Verde escuro | #199772 |
Contraste
A escolha de cores está em conformidade com o padrão AA da W3C de contraste para acessibilidade de páginas da internet, atingindo notas superiores a 4.5 em todas as combinações utilizadas no Portal de Serviços. Para verificação, foi utilizada a ferramenta Colour Contrast Check, referenciada pela própria W3C. As tabelas abaixo apresentam os resultados da avaliação.
| COMBINAÇÕES UTILIZADAS | NOTA |
|---|---|
Cinza Escuro sobre Cinza Claro |
5.59 |
Azul Claro sobre Cinza Claro |
4.79 |
Azul Escuro sobre Cinza Claro |
7.05 |
Azul Claro sobre Branco |
5.39 |
Azul Escuro sobre Branco |
7.93 |
Cinza Escuro sobre Branco |
6.29 |
Branco sobre Azul Claro |
5.39 |
Para referência, listamos abaixo as combinações que não podemos utilizar, por não estarem em conformidade.
| COMBINAÇÕES NÃO UTILIZADAS | NOTA |
|---|---|
Azul Claro sobre Cinza Médio |
3.67 |
Cinza Escuro sobre Cinza Médio |
4.28 |