Teste - 05

5. Uso de Cores

O Portal UFG utiliza a cor azul como prioritária. A partir de variação de tonalidades da cor azul, cria-se uma variação em sua saturação que determina a unidade visual com a marca da instituição, reforçando sua identidade visual. A seguir, apresenta-se a indicação cromática e sua associação por região da interface, assim como seu código hexadecimal (tabela de cores para aplicação web).

 

5.1 Cores básicas

Cores
Figura 63 - Esquema indicador do uso de cores na estrutura do Portal UFG [IMAGEM ALTERADA]

 

5.2 Acessibilidade 

  1. Faixa da extrema esquerda, ao lado da barra de acessibilidade: #dfdfdf;
  2. Linha de topo do menu acessibilidade (limite superior do menu): #dfdfdf;
  3. Fundo do menu acessibilidade: #e6e6e6;
  4. Linha de base do menu acessibilidade: #b0b0b0;

 

5.3 Topo 

  1. Faixa da extrema esquerda, ao lado da assinatura: #eff5f9;
  2. Fundo da assinatura: #e1ecf1;
  3. Fundo padrão do site: #ffffff;
  4. Botão de Acessibilidade: #b0b0b0;
  5. Cor de fonte para texto (+ acessibilidade): #ffffff

 

5.4 Menu expandido

Cores - Menu
Figura 64 - Menu expandido [IMAGEM ALTERADA]

 

  1. Títulos: #999999;
  2. Ítens do menu: #ffffff;
  3. Mouse hover nos ítens do menu: #789cc9;
  4. Cor de fundo: #000000 (87% de opacidade);

 

5.5 Rodapé

Figura 59
Figura 65 - Área de rodapé da interface com áreas sinalizadas de variação de cor

 

  • 10) Fundo total do rodapé: #4b73b3;
  • 11) Fundo de área útil do rodapé: #7b9ccb;
  • 12) Cor comum para elementos do rodapé (assinaturas, marcas, ícones, links e texto): #ffffff.

 

5.6 Campo central da interface inicial

Figura 60
Figura 66 - Campo central da interface inicial com áreas sinalizadas de variação de cor

 

  • 13) Linha de base do título da área de itens do centro: #689eca;
  • 14) Extensão da linha de base do título da área de itens do centro: #c5c5c5;
  • 15) Cor padrão de mouse over para determinado item selecionado: #f2f2f2;
  • 16) Cor padrão do link “Leia mais” do item selecionado: #689eca.

 

5.7 Campo central das interfaces internas

Figura 61
Figura 67 - Campo central da interface interna com áreas sinalizadas de variação de cor

 

  • 13) Linha de base do título da área de itens do centro: #689eca;
  • 14) Extensão da linha de base do título da área de itens do centro: #c5c5c5;
  • 17) Texto auxiliar de publicação: #939393.
Listar Todas Voltar