Gier brandbook by Renan Kamikoga

Conceito | Quem somos

manual de identidade visual

Vers達o 1.0 | 2016

Conceito | Quem somos

bem vindo ao nosso manual de marca. um novo olhar Responsabilidade na educação, promoção do ensino participativo e gestão integrada com controle dos investimentos públicos são os grandes conceitos da marca Gier. O presente manual foi elaborado para divulgar nossa essência e, para que todos participem desse processo, oferecemos algumas regras de utilização. As diretrizes aqui apresentadas são para unificarmos nossa forma de comunicar, de forma leve e inspiradora, auxiliando a valorizar o conceito da solução. Para facilitar seu entendimento, empregamos exemplos de uso da marca em múltiplos contextos. Sempre que iniciar a criação de algum material, consulte aqui as formas preferenciais de uso da marca. Para todos nós da Gier, a sua presença é mais do que bem-vinda. O convidamos para tornar sua atuação com a nossa marca, em uma oportunidade para integrar a verdadeira mudança social que a educação precisa, ajudando a transformar o ensino em um modelo social e participativo.

Conceito | Quem somos

1 2

conceito Quem somos ......................................................... 01 História da marca ................................................. 01 Guia Textual - Tom de voz ................................... 01

a marca Malha construtiva ...................................... 01 Versões da marca ...................................... 01 Área de proteção ....................................... 01 Redução Máxima ........................................ 01 Cores ............................................................... 01 Monocromia / PxB e Outline ................... 01 Fundos coloridos e fotográficos ............ 01 Tipografia ....................................................... 01 Aplicação tipográfica .................................. 01 Grafismos ......................................................... 01 Iconografia ....................................................... 01 Guia de imagem ............................................. 01 Proibições ......................................................... 01

aplicações Gráfico ............................................................ 01 Web/digital .................................................... 01

Conceito | Quem somos

a escola é o momento de formação do cidadão, onde ele deixa de ser um indivíduo para se tornar um ser social.

Conceito | Quem somos

1 6

Conceito | Quem somos

presente

conceito

Conceito | Quem somos

inteligência gier Com a Gier, atender a demanda da educação na sociedade de hoje, envolve dar condições reais para o desenvolvimento do cidadão do amanhã. Somamos o conceito do ensino participativo com a modernização de toda a gestão da educação; olhamos com carinho para a forma como os alunos experimentam o ensino, do momento da matrícula a até sua formação. Gier é a primeira ferramenta completa de gestão da educação voltada à solução do conhecimento. Nosso conceito envolve toda a comunidade escolar, além dos gestores no processo da educação. Essa participação ampla e atenciosa é fundamental para transformar o ensino do Brasil em um modelo de aprendizagem social.

portal de relacionamento A Gier acompanha o educador em todos os processos e orienta a registrar no sistema toda matéria dada em sala de aula, bem como as atividades extras. O compartilhamento dessas informações, através do Portal de Relacionamento, estabelece um compromisso por parte dos responsáveis em acompanhar o cumprimento das tarefas, operando como uma rede social de cada unidade escolar.

Conceito | Quem somos

gestão da Educação A solução produz indicadores gerais por unidade escolar, como quantidade de alunos, recursos empregados com manutenção e merenda, material de suporte acadêmico, disponibilização de transporte escolar, assim como todos os fatores que fazem parte do sistema de educação local.

“A modernização no acesso a informação em um ambiente fácil e rápido de usar, favorece o desempenho acadêmico e o aprendizado do aluno”.

estrutura da escola Tudo é comparado e apresentado aos gestores sob uma visão analítica, o que permite a tomada de ações corretivas e preventivas. Gier compara o desempenho das unidades escolares com os índices do IDEB (Índice de Desenvolvimento da Educação Básica), indicando ações para qualificar e sociabilizar as melhores práticas no ensino.

Conceito | Quem somos

tom de voz

Conceito | Quem somos

O que falamos? Em nossa comunicação, falamos sempre dos nossos diferenciais e lembramos a importância do conceito da Gier, calcado na vocação social, no respeito a participação da família na escola, e em como a gestão pública possui um papel essencial como facilitadora para que todo o processo da educação tenha estrutura e uma operação saudável, atingindo excelentes resultados. Filme Gier A formação de verdadeiros cidadãos só é possível através da corresponsabilidade e da humanização e o GIER oferece o suporte necessário para que possamos alcançar esses objetivos. Comunicação Interna Logo vamos mostrar como a Gier é um bom motivo pra você ter orgulho do que #ÉNOSSO.

Como falamos? Na educação, a mensagem deve ser sempre a mais clara possível, por isso, usamos uma linguagem didática, exemplificada e sólida. Quando o assunto é a Gier, a participação de todos é uma regra, assim, tudo o que falamos deve ser compreendido de primeira, como quando o aluno entende perfeitamente a lição de um bom professor. Nossa comunicação deve ser sempre bem adequada a linguagem gráfica, valorizando a percepção total do apelo social (emoção) e dos diferenciais da nossa ferramenta (razão), de maneira organizada.

Palavras-chave “ Gier significa Gestão Inteligente da Educação Responsável – um nome que é nossa filosofia quando se trata de educação. A solução é uma ferramenta completa de monitoramento e gestão e tem como principal objetivo promover a integração da comunidade escolar.

2 12

Conceito | Quem somos

a marca

Conceito | Quem somos

linha de evolução A Gier busca uma nova forma de trabalhar a gestão da educação, sem deixar de atender a maior necessidade dos alunos, que é uma visão total das necessidades pessoais de cada indivíduo e o seu desenvolvimento no ensino. A linha de evolução da Gier mantém o tom do ensino aliado a visão mais humanizada da educação, onde os alunos se tornam verdadeiros cidadãos.

2010-2011

2012-2013

2014-2015

Conceito | Quem somos

conceito visual A identidade visual da Gier imprime um conceito leve e descontraído, adequando-se a vocação social da solução. Nossa comunicação deve ser simples, focada no conceito da humanização no ensino aliado a modernização dos processos educacionais e do relacionamento de toda comunidade escolar. O entendimento do material de comunicação da Gier, por parte das equipes de educação, gestores, alunos e familiares, deve ser facilitado, indicado por fotografias e o uso de cores para criar o laço emocional com o receptor dos materiais; e uso iconográfico e de texto para explicar de forma simples a atuação da solução. A modernização proposta pela Gier também deve ser exaltada visualmente, deve ficar sempre nítido o objetivo da ferramenta, com o uso de técnicas atuais de apresentação, principalmente em mídias digitais, ampliando sua visibilidade com uma linguagem visual atrativa.

Conceito | Quem somos

assinaturas e versões

ícone gier

modelo de slogan que explica a marca

O logo Gier deve ser um elemento bem visível em nossa identidade visual – uma assinatura universal em diferentes meios de comunicação. Nós usamos a mesma versão para impresso, digital e sinalização. É simples, fácil de entender, sem uso de sombras, brilhos, gradientes ou efeitos gráficos chamativos. O logo é composto por três elementos: o símbolo, logotipo e o slogan explicativo. Prioritariamente, o logo deve ser aplicado nas cores institucionais sobre fundo branco, respeitando sempre as proporções e os alinhamentos entre todos os elementos que constituem a nossa marca. Embora seja um logo simples, devemos dar atenção a ele. As próximas páginas orientam seu uso correto.

modelo de slogan que explica a marca

Horizontal

Rit quo ina di si sunum nost vidisso ludemun tellaris. Sernit gra quideff revirit. Ifensul icaperit, quam acci intiquam publina dies .

Conceito | Quem somos

malha construtiva A malha construtiva ajuda a reproduzir a marca e a alinhar corretamente os símbolos que a compõe, detalhando o estudo de proporção e geometria.

Conceito | Quem somos

área de proteção Para assegurar que as versões da nossa marca estejam claramente aplicadas em torno de um espaço livre, evitando a aproximação excessiva de outros elementos visuais, criou-se uma área de proteção mínima ao redor da marca.

Conceito | Quem somos

redução máxima Buscamos sempre manter a melhor leitura da logomarca. Tenha atenção, em caso da redução máxima, para garantir a legibilidade. Nas situações em que a redução for necessária, siga o tamanho mínimo permitido para aplicação, tanto na horizontal quanto na vertical.

Conceito | Quem somos

aplicações Rit quo ina di si sunum nost vidisso ludemun tellaris. Sernit gra quideff revirit. Ifensul icaperit, quam acci intiquam publina dies At vid serferet a L acci intiquam publina dies At vid.Soluption et earum faci deliqui ipictatem faccus evelicium dellige nisitio.

Gestão Inteligente da Educação Responsável

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Conceito | Quem somos

Gestão Inteligente da Educação Responsável

Conceito | Quem somos

cores

O uso das cores é o principal recurso gráfico para apoiar o apelo emotivo ao tom de comunicação da Gier. Conforme a cor, é possível impactar a emoção do público, ou falar de um aspecto mais racional da ferramenta em si. Nossa logomarca é construída pelas cores primárias: azul, vermelho e amarelo. São as primeiras cores que as crianças aprendem na escola.

azul

É a cor da harmonia, paz no ambiente escolar, dignida-

Pantone 3987 SOLID COATED

informações de maneira sóbria, facilitando a apresentação

C: 128 M: 234 Y: 876 K: 654

didática de conteúdos, além de induzir ao diálogo e a

R: 324 G: 435 b: 456

troca de informações.

de, estabilidade e tecnologia. Auxilia na reprodução de

Conceito | Quem somos

Rit quo ina di si sunum nost vidisso ludemun tellaris. Sernit gra quideff revirit. Ifensul icaperit,

vermelho

quam acci intiquam publina dies At vid serferet

Pantone 3987 SOLID COATED

a L acci intiquam publina dies At vid.Soluption

C: 128 M: 234 Y: 876 K: 654

et earum faci deliqui ipictatem faccus evelicium

R: 324 G: 435 b: 456

dellige nisitio.

amarelo

Rit quo ina di si sunum nost vidisso ludemun

Pantone 3987 SOLID COATED

quam acci intiquam publina dies At vid serferet

C: 128 M: 234 Y: 876 K: 654 R: 324 G: 435 b: 456

tellaris. Sernit gra quideff revirit. Ifensul icaperit, a L acci intiquam publina dies At vid.Soluption et earum faci deliqui ipictatem faccus evelicium dellige nisitio.

Conceito | Quem somos

monocromia Rit quo ina di si sunum nost vidisso ludemun tellaris. Sernit gra quideff revirit. Ifensul icaperit, quam acci intiquam publina dies At vid serferet a L acci intiquam publina dies At vid.Soluption et earum faci deliqui ipictatem faccus evelicium dellige nisitio.

Vermelho e fundo branco

Amarelo e fundo branco

Vermelho e fundo branco

Conceito | Quem somos

pxb e outline Rit quo ina di si sunum nost vidisso ludemun tellaris. Sernit gra quideff revirit. Ifensul icaperit, quam acci intiquam publina dies At vid serferet a L acci intiquam publina dies At vid.Soluption et earum faci deliqui ipictatem faccus evelicium dellige nisitio.

Amarelo e fundo branco

Conceito | Quem somos

tipografia primária A fonte padrão utilizada na comunicação da Gier é xxxx, por estabelecer uma comunicação de fácil entendimento em todos os materiais.

abc d e f g h i j k l mn o pq r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U VW XY Z

0 1 2 3 4 5 6 7 8 9 Thin Light Medium Bold Heavy

ExtraLight Regular SemiBold ExtraBold

raleway

Conceito | Quem somos

tipografia secundรกria Rit quo ina di si sunum nost vidisso ludemun tellaris. Sernit gra quideff revirit. Ifensul icaperit, quam acci intiquam publina dies At vid serferet a L acci intiquam publina dies At vid.Soluption et earum faci deliqui ipictatem faccus evelicium dellige nisitio.

abc d e f g h i j k l mn o pq r s t u v w x y z ABCDEFGHIJKLMNOPQRSTUVWXYZ

0 1 2 3 4 5 6 7 8 9 Thin Light Medium Bold Heavy

ExtraLight Regular SemiBold ExtraBold

source sans

Conceito | Quem somos

proibições Rit quo ina di si sunum nost vidisso ludemun tellaris. Sernit gra quideff revirit. Ifensul icaperit, quam acci intiquam publina dies At vid serferet a L acci intiquam publina dies At vid.Soluption et earum faci deliqui ipictatem faccus evelicium dellige nisitio.

Uso de cores fora da paleta

Símbolo fora de proporção

Distorção da marca

Troca de posições dos elementos da marca

Símbolo com cores fora da

Texto em cima da marca

Conceito | Quem somos

em imagens Rit quo ina di si sunum nost vidisso ludemun tellaris. Sernit gra quideff revirit. Ifensul icaperit, quam acci intiquam publina dies At vid serferet a L acci intiquam publina dies At vid.Soluption et earum faci deliqui ipictatem faccus evelicium dellige nisitio. Ut ipis exeribus quundant velliquamus rem. Itatum quam eveliatus, culpa non et repe que eumenis cillaut apis sinimillabor siniand

Marca sem legibilidade

Marca colorida sobreposta nas mesmas

Sobrepor em texturas que não

Sobrepor em imagens fora da temática

seguem o padrão cromático

ou da identidade visual

Conceito | Quem somos

iconografia O uso dos ícones ajuda a expressar ideias de forma rápida e intuitiva. Utilizamos para apresentar textos rápidos, resumir conceitos e apresentar funcionalidades; indicada para explicar a ferramenta, módulos e reforçar uma ideia marcada no texto de forma didática, os ícones devem ser utilizados com objetividade.

outline ícones Para comunicados de leitura rápida e linguagem minimalistas, os ícones em outline ajudam a exemplificar ideias de forma simplificada.

Conceito | Quem somos

flat ícones Usamos para exemplificar os módulos de funcionamento e outras informações mais densas, requerendo uma comunicação didática.

Conceito | Quem somos

Buscamos sempre resultados com foc de uma educaĂ§ĂŁo d o ensino se torna um

a eficiĂŞncia em co na construĂ§ĂŁo de qualidade, onde m processo social.

Conceito | Quem somos

3 Conceito | Quem somos

guia de imagem

Conceito | Quem somos

ambientes Usamos alunos em espaços da escola como salas de aula, ou mesmo no ambiente familiar, para mostrar os locais onde a solução é utilizada.

Conceito | Quem somos

como trabalhar com imagens? fundo branco Inserimos imagens recortadas sobre o fundo branco para destacar uma cena e expor um conceito com apelo emocional.

Conceito | Quem somos

Modelos de assinaturas eletrônicas

fotos posadas Para obter atenção imediata, em materiais como banners e aberturas de assuntos, usamos fotos posadas, que podem vir acompanhadas de títulos.

tons da paleta Usamos exclusivamente os tons utilizados em nossa paleta, que são as cores da marca Gier: azul, vermelho e amarelo, além do branco.

Modelos de assinaturas eletrônicas

Conceito | Quem somos

recorte de elementos Destacamos elementos da escola, evidenciando suas cores, como meio para estimular no pĂşblico o interesse sobre o material de divulgaĂ§ĂŁo.

Conceito | Quem somos

tratamento de imagens A aplicação de filtros e tratamento de imagens é parte do nosso guia de estilo e busca expressar enfaticamente um conceito aliado ao sentimento provocado pela cor usada no filtro.

Gradient map na imagem

Retículas na imagem

Conceito | Quem somos

trabalhando imagens e textos Da união da imagem com o texto exercemos com maior intensidade o sugestionamento da mensagem que buscamos transmitir ao leitor.

Gradient map na imagem

Sobreposição com um texto

Como colocar texto em cima de imagens

Retículas na imagem

3 44

Conceito | Quem somos

aplicações

Conceito | Quem somos

guia web

Conceito | Quem somos

favicons e avatares Rit quo ina di si sunum nost vidisso ludemun tellaris. Sernit gra quideff revirit. Ifensul icaperit, quam acci intiquam publina dies At vid serferet a L acci intiquam

Modelos de assinaturas eletr么nicas para entrar nos e-mails.

Conceito | Quem somos

header e footer Rit quo ina di si sunum nost vidisso ludemun tellaris. Sernit gra quideff revirit. Ifensul icaperit, quam acci intiquam publina dies At vid serferet a L acci intiquam Modelos de assinaturas eletr么nicas para entrar nos e-mails.

Modelos de assinaturas eletr么nicas para entrar nos e-mails.

Conceito | Quem somos

modelos de botões e assinatura Rit quo ina di si sunum nost vidisso ludemun tellaris. Sernit gra quideff revirit. Ifensul icaperit, quam acci intiquam publina dies At vid serferet a L acci intiquam

Exemplo de botão

Exemplo de botão Modelos de assinaturas eletrônicas para entrar nos e-mails.

Exemplo de botão

Conceito | Quem somos

planos de fundo

Conceito | Quem somos

templates para apresentaĂ§Ăľes

Conceito | Quem somos

Fale com a gente! Se houver qualquer dĂşvida ou precisar solicitar algum material, entre em contato com o departamento de marketing da EICON:

www.gier.com.br

Conceito | Quem somos

saas 66

Conceito | Quem somos

manual de

identidade visual