Diretrizes
A iconografia é um recurso da identidade visual que garante personalidade e consistência até nos pontos de contatos mais funcionais.
Os ícones dão suporte gráfico para a comunicação da marca, reforçando visualmente as informações no material em que serão aplicadas. As diretrizes de iconografia garantem uma linguagem simples e intuitiva.
Os ícones Gran são projetados para serem modernos e diretos.
Simples: Seja simples e represente ícones com o mínimo de elementos gráficos possíveis, que podem ser facilmente reconhecido por pessoas com diferentes experiências e que funcionam em interfaces como sites e aplicativos.
Consistência: Mantenha sempre a mesma construção. Utilize o mesmo estilo e largura de traço.
Versões
Nossa iconografia possui duas versões: Bold e Light. A versão Bold é a versão principal e deverá ser utilizada sempre que possível.
A versão Light pode ser usada quando a versão Bold tiver uma leitura prejudicada devido à redução ou problemas com impressão.
Uso sobre fundos
A orientação para o uso das cores na iconografia sobre fundos está de acordo com a legibilidade e com o contraste suficiente para o reconhecimento das cores principais da marca.
Em fundos em que não garantimos um contraste adequado, podemos usar nossas cores secundárias.
Grids e Keylines
O grid e as keylines são essenciais para a construção dos nossos ícones.
Eles são basicamente um grupo de simples formas que ajudam a manter a consistência e as proporções visuais dos ícones.
Todas as famílias de ícones Gran são feitas tendo como base o mesmo grid de 24x24px e usando as mesmas especificações de contorno: linha de 1px (nas famílias que possuem contorno).
Para garantir consistência nos desenhos de ícones, é necessário respeitar a margem de 2 pixels em cada lateral. Esse espaço garante que o ícone não será cortado em reproduções.
Também deve-se levar em conta os keylines, que são formas básicas para a construção de símbolos. Nem sempre será viável respeitar as formas básicas para todos os desenhos, mas procure manter a consistência sempre que possível.
Anatomia e construção
A construção dos ícones de Gran é baseada no “G” do logotipo, a nossa redução máxima de marca.
As famílias de ícones foram projetadas para serem facilmente lidas à distância e representarem de forma sintética conceitos agregados à identidade, garantindo consistência.
O grid e as keylines são essenciais para a construção dos nossos ícones. Eles são um grupo de formas simples que ajudam a manter a consistência e as proporções visuais dos ícones.
Todas as famílias de ícones Gran são feitas tendo como base o mesmo grid de 24x24px e – nas que possuem – usam as mesmas especificações de contorno: linha de 1px.
Dont’s
A iconografia é uma parte importante do nosso sistema de identidade, por isso deve sempre ser apresentada de forma clara e seguindo as proporções corretas, as cores e o estilo criados.
Além das situações descritas aqui, lembre-se de que o design dos ícones nunca deve ser alterado e que as regras indicadas ao lado devem ser respeitadas para garantir a consistência na aplicação da marca.
Download da palheta de cores
