Miv Fiberschool 2019

Fazer download em pdf ou txt
Fazer download em pdf ou txt
Você está na página 1de 25

Guia da

Identidade Visual
Aqui você encontrará os elementos que
compõem o Sistema de Identidade
Visual da Fiberschool: grafismos, fontes
tipográficas e paleta de cores.

Este guia tem como objetivo orientar a


aplicação da marca Fiberschool em
todas as manifestações visuais.
SUMÁRIO
04 MENSAGEM PRINCIPAL 16 CURSOS

05 ATRIBUTOS 17 ASSINATURA CONJUNTA

06 LOGO 18 ANIMAÇÃO
Variações
Área de proteção e redução 19 EXEMPLOS
Aplicação sobre fundos
Usos incorretos

06 ELEMENTOS BÁSICOS
Cor
Grafismos
composição
Tipografia
MENSAGEM A essência da marca Fiberschool está contida nessa
mensagem. Direta ou indiretamente, esta mensagem
PRINCIPAL precisa estar presente em todos os pontos de contato.

360°
PARA
EDUCAÇÃO
TRANSFORMAR
PROVEDORES
ATRIBUTOS São os adjetivos do comportamento da marca, ou
seja, a personalidade da Fiberschool.
DA MARCA

SIMPLES DETERMINADO INOVADOR


Atencioso Jovem Focado
Prático Inconformado Especialista
Descomplicado Futurista Decidido

Complexo Tradicional Estático


NÃO SOMOS Tecnochato Conservador Confortável

SEM SER Fácil Inconsequente Arrogante


Raso Fora da realidade Unilateral
LOGO
É o principal identificador da marca e elemento da
Identidade Visual.

Ele é composto pelo símbolo e logotipo. Estes SÍMBOLO LOGOTIPO


elementos mantêm relações de posição e
tamanho fixos que não podem ser alterados.

É fundamental respeitar as regras previstas neste


manual para preservar a integridade e legibilidade
em qualquer situação.
LOGO VARIAÇÕES ÁREA DE PROTEÇÃO E REDUÇÃO APLICAÇÃO SOBRE FUNDOS USOS INCORRETOS

VARIAÇÕES
VERSÃO PRINCIPAL
Possui orientação horizontal, com o símbolo ao VERSÃO PRINCIPAL VERSÃO SECUNDÁRIA
lado esquerdo da tipografia.

VERSÃO SECUNDÁRIA
Possui orientação vertical, com o símbolo acima
do logotipo, esta deve ser utilizada quando a
principal não for favorável a composição da
aplicação.

VERSÃO MONOCROMÁTICA
A versão monocromática, em positivo e negativo
deve ser utilizada apenas quando existir uma
limitação técnica, como ausência de cores, que
prejudique a aplicação na versão preferencial.

QUANDO APLICADA NA VERSÃO


MONOCROMÁTICA DEVE-SE
PRIORIZAR O USO DO PRETO
FIBERSCHOOL, INDICADO NA
PÁGINA 12.
LOGO VARIAÇÕES ÁREA DE PROTEÇÃO E REDUÇÃO APLICAÇÃO SOBRE FUNDOS USOS INCORRETOS

ÁREA DE PROTEÇÃO
E REDUÇÃO
ÁREA DE PROTEÇÃO ÁREA DE PROTEÇÃO
Para aumentar a percepção da Marca é necessá-
rio respeitar uma área em toda a sua volta, livre
de qualquer interferência. A área de proteção é
medido com base no tamanho da altura da
abertura da letra “O”, conforme é apresentado
ao lado >> .
Tendo como área mínima, 2x a medida da base
de apoio.

REDUÇÃO
A dimensão mínima garante a legibildade.
Para ambientes digitais é de 70 px de largura e
1,2cm para impressos, tendo como referência a
largura do logotipo.
REDUÇÃO

70px 70px
1,2cm 1,2cm
LOGO VARIAÇÕES ÁREA DE PROTEÇÃO E REDUÇÃO APLICAÇÃO SOBRE FUNDOS USOS INCORRETOS

APLICAÇÃO SOBRE
FUNDOS
USOS INCORRETOS SOBRE FUNDOS
A orientação para o uso do logo sobre fundos
(gráfico ou fotografia) é de acordo com a
legibilidade. Sempre garanta o contraste
necessário a identificação do símbolo e logotipo.

Em fundos onde não garantimos uma


leitura adequada do logotipo, devemos substi-
tuir a cor do mesmo pelo branco, caso todo o
logo não enfrente esse problema, utilize versões
monocromáticas.

SEMPRE GARANTA CONTRASTE


SUFICIENTE COM O FUNDO CONTRA
O QUAL O LOGO ESTEJA SOBREPOSTO.

CONTRASTE SUFICIENTE CONTRASTE INSUFICIENTE


LOGO VARIAÇÕES ÁREA DE PROTEÇÃO E REDUÇÃO APLICAÇÃO SOBRE FUNDOS USOS INCORRETOS

USOS INCORRETOS
JAMAIS MODIFIQUE O LOGO
Nesta página estão exemplificados alguns USOS
INCORRETOS:
01. NÃO distorcer a Marca
02. NÃO rotacionar ou inclinar a Marca
04. NÃO rotacionar qualquer dos elementos
05. NÃO alterar a tipografia
06. NÃO inverter as cores da Marca
07. NÃO alterar as cores da Marca
08. NÃO alterar a relação de proporção entre o
FIBERSCHOOL
símbolo e o Logotipo
09. NÃO alterar a disposição dos elementos da
Marca
10. NÃO inserir fio de contorno na Marca
ELEMENTOS BÁSICOS
Junto com a logo, compõem o sistema visual. São
elementos de fácil reconhecimento e maior
pregnância dentro do universo visual.

Eles ajudam a manifestar a personalidade da


marca, sendo fundamentais para que a comunica-
ção seja efetiva.
ELEMENTOS BÁSICOS COR GRAFISMOS COMPOSIÇÃO TIPOGRAFIA

COR PRINCIPAL
PALETAS DE CORES C84 M100 Y9 K3 C82 M100 Y24 K14 C3 M100 Y75 K0

ONLINE

PRESENCIAL

F E R R A M E N TA S
A Fiberschool possui 4 paleta de cores, tendo R82 G27 B135 R 79 G 2 8 B 1 07 R230 G19 B64
como base um degradê para cada paleta. # 5 2 1 B 87 #4F1C6B #E61340

C19 M100 Y52 K3 C0 M74 Y100 K0


Cada paleta deve ser utilizado para identificar R194 G14 B85 R255 G102 B7
cada modalidade da marca, não sendo mescla- #C20E55 # F F 6 6 07
das. C 78 M 5 4 Y 0 K 0
R60 G114 B194 C 6 M 1 0 0 Y 73 K 0 C1 M20 Y100 K0
A única cor que é utilizada em todas as paletas é #3C72C2 R224 G18 B66 R252 G200 B0
o preto Fiberschool, a cor de apoio. #E01242 #FCC800
A modalidade "Cursos online" é a principal, ou
seja, é a paleta de cores principal da marca,
sendo utilizada em aplicações institucionais e
C68 M0 Y42 K0 C80 M14 Y43 K0 C 8 8 M 76 Y 5 6 K 73
genéricas da marca.

ENTERPRISE
PROFISSIONA-
LIZANTES
R 5 5 G 1 9 1 B 1 70 R3 G161 B156 R0 G17 B35
# 3 7 B FA A #03A19C #001123

C68 M0 Y98 K0 C84 M100 Y9 K3


R66 G201 B72 R82 G27 B135
#42C948 # 5 2 1 B 87

C50 M0 Y100 K0 C68 M0 Y42 K0


COR DE APOIO
R135 G214 B58 R 5 5 G 1 9 1 B 1 70
# 87 D 6 3 A # 3 7 B FA A

C5 M0 Y0 K95
R26 G26 B26
#1A1A1A
ELEMENTOS BÁSICOS COR GRAFISMOS COMPOSIÇÃO TIPOGRAFIA

GRAFISMOS Linha contínua


É o principal identificador. Interage com os
elementos da composição de forma dinâmica
ao mesmo tempo que cruza a peça da
GRAFISMOS
aplicação. Não possui variedade de espessura
Foram criados para intensificar a mensagem e
em sua aplicação, mas pode ser utilizada em
conceitos da marca, utilizando conceitos como
diferentes espessuras de acordo com a
velocidade, tecnologia, futuro e 360º.
composição e contraste. Seu movimento é
reto, diagonal e com cantos arredondados.
Deve-se utilizar o degradê (seguir regras
indicados na pág. 12) de forma linear e ao
longo do traçado. É necessário cuidado para
não chamar atenção demais para si.

Linhas retas com degradê


Devem ser posicionados de forma que
aparentam estarem deslocadas. Podem estar
na horizontal ou vertical, nunca em diagonal.
O degradê usado deve iniciar e terminar em
cada nova linha. É preciso cuidado para não
poluir a peça.

Elemento de fundo
Preferencialmente usado em títulos ou em
informações que necessitam de algum
destaque. Possui um ou dois do quatro cantos
arredondados e é posicionado levemente
deslocado do título sobreposto.
Linhas diagonais consecutivas
É um elemento de fundo e adorno. Utilizado
de forma mais tímida. Em casos onde
prejudique a legibilidade pode ser utilizado
com um recorte ao redor do texto sobrepos-
to. As linhas são limitadas por um retângulo.
ELEMENTOS BÁSICOS COR GRAFISMOS COMPOSIÇÃO TIPOGRAFIA

As “linhas retas com degradê” e as

COMPOSIÇÃO “linhas diagonais consecutivas”


servem para inserir complexidade e
movimento a composição.
PORQUE MANTER?
A fim de manter a consistência, unidade visual e Economize no usos desses

360°
elementos, pois o design limpo

PARA
personalidade da marca em diversos formatos,
mídas e aplicações, a ideia da composição, deve prevalecer.
precisa ser mantida nos diferentes contextos. EDUCAÇÃO
O desalinhamento verticais é o ponto chave.
Informações e objetos que não se alinham e
TRANSFORMAR
textos nas verticais são exemplos disso. O
intuito é criar a sensação de quebra/disrupção.
PROVEDORES
O preto Fiberschool é utilizado
somente em uma pequena área da
aplicação. O intuito é dar a sensação
de maturidade.

O título/chamada é o Nas aplicações com

CURSO
PRESENCIAL
elemento de destaque da imagens é preferível
composição. as utilizar de uma
É preferível que esteja alinhado a forma que substitua
esquerda ou a direta com uma leve o preto fiberschool e
sensação de estar deslocado sua sensação.
TERÇA | 21/08

Na maioria das aplicações é GESTÃO DE LUCROS


favorável reservar a maior
área para o branco, para trazer
clareza as informações.
EM REDES FTTH
Aprenda a rentabilizar uma rede
óptica FTTH com os mestres Ronal-
do Couto e Matheus Marmentini. ÒD@KHY@ýúN !ONHN
ELEMENTOS BÁSICOS COR GRAFISMOS COMPOSIÇÃO TIPOGRAFIA

TIPOGRFIA
TIPOGRAFIA
A fiberschool adota 3 famílias de fontes. Suas
indicações de uso devem ser respeitadas.
PARA TÍTULOS
E CHAMADAS. BigNoodleTitling
Abcdefghijklmnopqrstuvwxyz
0123456789 $@#?!:
PARA TÍTULOS,
TEXTOS DE APOIO E
Amazing Grotesk
CALLS TO ACTION. ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 $@#?!:
Light Ultra

Vision
PARA TEXTOS DE
APOIO E DESCRITIVOS.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 $@#?!:
Thin Black
CURSOS
Os logos dos cursos são compostos por símbolo,
lemento de fundo, logotipo e assinatura.
A construção dos logos dos cursos possuem
algumas diretrizes:

AS CORES VARIAM
DEPENDENDO DA MODA-
A INTENÇÃO É QUE LIDADE DO CURSO, COMO
A LINHA SEJA ÚNICA ANTES FOI EXPLICADA.

O ELEMENTO DO FUNDO
É COMPOSTO POR LINHAS
PLANOS DE CONSECUTIVAS EM 25º
DE INCLINAÇÃO

HYPER
LIBERDADE NA ESCOLHA
DA TIPOGRAFIA. A PRIO- QUANDO O ÍCONE
RIDADE É CRIAR É SOBREPOSTO
DINAMISMO. A AREA INTERNA

VELOCIDADE
É “APAGADA”

OS ELEMENTOS DO
FUNDO REPRESENTÃO
O TIPO DO CURSO.

ASSINATURA

GESTÃO TÉCNICO COMERCIAL


ASSINATURA
Para a disposição de assinaturas conjuntas, os
logos dos parceiros sempre serão dispostos a 2x
letras “O” do logotipo da Fiberschool de distância.
Essas orientações são referências gerais para
quando não tivermos definições contratuais que

CONJUNTA
abarquem regras específicas. Dependendo do
acerto, pode haver inclusive mudança de ordem na
leitura das marcas.

EM ASSINATURAS
CONJUNTAS, O LOGO NÃO
INTERAGE COM NENHUM
ELEMENTO DA PEÇA.

ALINHAR OS LOGOS
COM A BASE.

DE ACORDO COM A LIMITAÇÃO


TÉCNICA OU RESTRIÇÃO DE
APLICAÇÃO NA PEÇA, A LOGOMARCA
PODE SER APLICADA NA VERSÃO
MONOCROMÁTICA.
ANIMAÇÕES
A marca da Fiberschool é dinâmica, veloz,
urbana e disruptiva. Esses conceitos precisam
estar presentes nos canais multimídias para
construir uma identidade forte e consistente.

EFEITOS DE INTERFERÊNCIA SÃO RECOMENDADOS

O USO DA LINHA CONTÍNUA É RECOMENDADO,


RAPIDEZ E DINAMISMO SÃO AS PALAVRAS CHAVES
PARA SEU COMPORTAMENTO.
(INTERAGIR COM OS DEMAIS ELEMENTOS É RECOMENDADO)

EVITAR MOVIMENTOS LENTOS.


O USO CORRETO
DAS PALETAS DE DAR PREFERÊNCIA A TRANSIÇÕES LATERAIS.
CORES E TIPOGRAFIA
PRECISA SER
RESPEITADA PRIORIZAR COMPOSIÇÕES LIMPAS

EXEMPLO
EXEMPLOS
MATHEUS MARMENTINI
DIRETOR

(51) 99824_3484
www.fiberschool.com.br

f in

CURSO
PRESENCIAL
TERÇA | 21/08

GESTÃO DE LUCROS
EM REDES FTTH
Aprenda a rentabilizar uma rede
óptica FTTH com os mestres
Ronaldo Couto e Matheus Marmenti- Realização Apoio
ni.
Este guia é de consulta obrigatória
para uso da marca Fiberschool em
aplicações de caráter gráfico.

Para orientações de procedimentos


em casos e situações pontuais não
exemplificadas neste guia, consulte
o time de Marca da Fiberschool.

VERSÃO 2019

Você também pode gostar