Brandbook Odeon I

As orientações do Branding Book são a base para a comunicação.

As manifestações da marca, o design, o tom de voz, as cores, a tipografia, a linguagem, refletem diretamente quem somos. Esse guia busca, de forma coesa, detalhar as diretrizes para aplicação da marca e dos elementos de identidade visual, a fim de garantir coerência, consistência, clareza, compreensão, legibilidade, posicionamento, discurso e experência positiva de marca.

Desde 1998, o Instituto Odeon promove a cidadania e o desenvolvimento socioeducacional por meio da gestão de projetos culturais.

INTRODUÇÃO....................................................................................5

MISSÃO . VISÃO . VALORES......................................................6

ESSÊNCIA DA MARCA..................................................................7

PILARES DA MARCA.....................................................................8

POSICIONAMENTO.......................................................................9

VISÃO ESTRATÉGICA.................................................................10

TOM DE VOZ....................................................................................11

ELEMENTOS VISUAIS................................................................12

MANUAL DA LOGO.....................................................................13

VERSÃO HORIZONTAL.............................................................14

VERSÃO VERTICAL.....................................................................16

AREJAMENTO MÍNIMO............................................................18

DISTÂNCIA ENTRE PARTES...................................................19

REDUÇÃO MÁXIMA....................................................................20

VERTENTES.....................................................................................21

VERSÕES PB...................................................................................22

CORES DA MARCA......................................................................23

CORES INSTITUCIONAIS........................................................24

NÃO É PERMITIDO.......................................................................27

APLICAÇÕES EM FUNDOS CHAPADOS OU FOTOGRÁFICOS...................................................................28

TIPOGRAFIA DA MARCA..........................................................30

TIPOGRAFIA INSTITUCIONAL..............................................31

LAYOUT BASE . DIVULGAÇÕES..........................................36

LAYOUT BASE . INFORMATIVO...........................................37

PATTERNS........................................................................................38

VÍDEO...................................................................................................44

VINHETA............................................................................................45

ESTILO FOTOGRÁFICO.............................................................46

FORMATO INSTITUCIONAL..................................................56

GRID INSTITUCIONAL...............................................................57

ENVELOPE.......................................................................................66

CARTÃO..............................................................................................69

PAPEL TIMBRADO.......................................................................76

ASSINATURA..................................................................................82

CRACHÁ.............................................................................................83

REDES SOCIAIS.............................................................................84

CANECA.............................................................................................99

BAG....................................................................................................100

REFERÊNCIAS BIBLIOGRÁFICAS.....................................101

interativo.

O Instituto Odeon é uma associação privada de caráter cultural, sem fins lucrativos, que busca promover a cidadania e o desenvolvimento socioeducacional por meio da realização de projetos culturais. Formado a partir de uma ampliação da Odeon Companhia Teatral, foi qualificado como Organização Social (OS), O modelo de gestão prima pela agilidade dos processos, transparência e eficiência, contribuindo para a sustentabilidade e longevidade das transformações culturais.

MISSÃO

Promover gestão e produção cultural e artística de excelência, em diálogo com a educação, agregando valor público para a sociedade.

VISÃO

Transformar a percepção da sociedade sobre os equipamentos culturais, reforçando as conexões da arte com os espaços públicos e com os indivíduos.

VALORES

• Gestão transparente e participativa

• Transgressão nas conexões entre arte e educação

• Qualidade no emprego de recursos públicos e privados

• Perenidade dos equipamentos culturais

• Pertencimento entre usuários, fornecedores, financiadores, colaboradores e gestores

• Alteridade, integridade e responsabilidade nas ações.

LUZ

s.f. (substantivo feminino)

1. Claridade emitida ou refletida por certos corpos; luminosidade.

2. Qualquer objeto que produz claridade.

3. Tudo o que esclarece o espírito; saber, inteligência.

O conceito utilizado para a construção da marca foi transformação. São focos de luz que se cruzam e descortinam um novo saber.

A arte capacita o homem para compreender a realidade e ajuda-o não só a suportá-la como a transformá-la.

Ernest Fisher

Incluir Aproximar Educar Pertencer Conectar Transformar

O Instituto Odeon faz da conexão entre arte, educação e cultura um instrumento essencial para a consciência

humana. Valorizar as pessoas está no cerne de cada um de nossos projetos, guiando-nos como um motor na busca incansável pela transformação social. Assim, aproximamos o diverso. Desenvolvemos cidadania. E descortinamos

múltiplas formas de se perceber e ser o mundo.

O Instituto Odeon é responsável pelo gerenciamento e pela produção artística de equipamentos culturais em todo o país. Preza pela gestão transparente e participativa em seus projetos, proporcionando o diálogo entre arte, educação e cultura como um meio para ressignificar conhecimento e permitir o surgimento de diferentes visões de mundo.

Essa capacidade de possibilitar às pessoas criarem novas conexões consigo, com o outro e com a sociedade está fortemente representada na marca do Instituto, em especial, no símbolo de luzes que se convergem em um novo saber.

Para integrar públicos diversos, que interagem nos equipamentos culturais imersos nas especificidades de cada localidade onde estão inseridos, é preciso ter uma linguagem universal. Comunicar de maneira simples, afetiva e próxima, de forma que os processos de cognição, inclusão e representatividade sejam completos.

ELEMENTOS VISUAIS

A identidade visual d0 Instituto Odeon, tem como base os seguintes elementos visuais: marca, pattern, tipografia, fotografia e cores.

Os elementos visuais foram projetados para serem combinados de diferentes maneiras criativas. Este guia apresenta especificações para cada elementos e inclui exemplos de aplicações para demonstrar algumas práticas de como eles podem ser combinados.

VERSÃO HORIZONTAL

Símbolo

Type principal

Type secundária

Símbolo

Type principal

Type secundária

REDUÇÃO MÁXIMA

20 MM

12 MM

Pantone 7716 C

C 87 M 20 Y 47 K 2

Preto 100%

Pantone 7598 C

C 16 M 84 Y 85 K 5

Preto 100%

Pantone 7690 C

C 92 M 47 Y 15 K 1

Preto 100%

A paleta de cores primária é composta pelas cores da marca. Já a paleta de cores secundária contempla um universo diverso inspirado na refração da luz.

Vermelho

Luz branca do sol

A luz refrata

A luz refrata

A luz reflete

Alguma luz atravessa

Pantone 7716 C

C 87 M 20 Y 47 K 2

Apoio : Branco 100%

Preto 80% e 40%

Pantone 231

C0 M50 Y0 K0

Apoio : Branco 100%

Preto 80% e 40%

Pantone 151

C0 M50 Y95 K0

Apoio : Branco 100%

Preto 80% e 40%

Pantone 7598 C

C 16 M 84 Y 85 K 5

Apoio : Branco 100%

Preto 80% e 40%

Pantone 123

C0 M25 Y95 K0

Apoio : Branco 100%

Preto 80% e 40%

Pantone 7466

C70 M0 Y25 K0

Apoio : Branco 100%

Preto 80% e 40%

Pantone 7690 C

C 92 M 47 Y 15 K 1

Apoio : Branco 100%

Preto 80% e 40%

Pantone 375

C40 M0 Y95 K0

Apoio : Branco 100%

Preto 80% e 40%

Pantone 2593

C60 M90 Y0 K0

Apoio : Branco 100%

Preto 80% e 40%

Use em detalhes para ampliar suas possibilidades criativas, Mas, lembre-se que nós gostamos de manter as peças limpas e com áreas de respiro. Portanto, na dúvida, o branco se torna a tela perfeita.

Rotacionar

Condensar

Estender

Alterar cor

Alterar

Ordem e Proporção

Sombrear

APLICAÇÕES EM FUNDOS CHAPADOS OU FOTOGRÁFICOS

Em casos de ausência de legibilidade, não utilize caixas para inserção da marca. Em situações em que a imagem não contemple nenhuma área de respiro, sugerimos a criação de bordas ou áreas limpas.

Nas aplicações em fundos chapados coloridos ou fotográficos, deve-se optar pela aplicação da marca em negativo ou posivito.

Lorem Ipsum up sit ips liris

Instituto Odeon 2017 Ipsum Lorem

Lorem Ipsum up sit ips liris Lorem Ipsum up sit ips liris

APLICAÇÕES EM FUNDOS CHAPADOS OU FOTOGRÁFICOS

Type Principal | Caixa Alta - Espaçamento 25

RALEWAY EXTRA BOLD

Type Secundária | Caixa Alta - Espaçamento 100

RALEWAY REGULAR

Raleway é uma família de caracteres do tipo sem-serif. Apresenta ótima legibilidade e conta com vários estilos e pesos. Deverá ser utilizada nos diversos materiais institucionais de mídia digital e/ou impressa,

Em casos específicos, para apresentações, e-mails e materiais digitais que não tenham a fonte instalada, admite-se a utilização da tipografia Calibri.

A B c

1x 1/2x 1/4x À entrelinha deve ser + 2pt do tamanho utilizado na fonte.

Se a fonte for 36pt a entrelinha deverá ser 38pt.

É permitido aumentar ou diminuir o espaçamento em até 30pt.

Informações alinhadas à esquerda

Subtítulos e frases de apoio

Conteúdos longos, conteúdos longos, Conteúdos longos, conteúdos longos, Conteúdos longos, conteúdos longos, Conteúdos longos, conteúdos longos, Conteúdos longos, conteúdos longos, Conteúdos longos, conteúdos longos, Conteúdos longos, conteúdos longos, Conteúdos longos, conteúdos longos, Conteúdos longos, conteúdos longos

Título curto

frases de apoio frases, frases de apoio

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt tellus ut dolor sagittis accumsan. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras cursus congue enim, vitae consectetur ipsum convallis id. Aliquam lobortis auctor est. Nulla viverra, diam vitae pretium fringilla, tellus ex tincidunt ipsum, ac mollis risus eros id mi. Donec aliquet elit libero, id scelerisque est tempor id. Fusce nec nisi at lorem feugiat consectetur. Mauris condimentum sapien ex, vitae ultricies enim rhoncus ac. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc faucibus luctus sollicitudin. Etiam viverra, neque vitae ornare dignissim, enim odio molestie nulla, eget dictum erat lacus sit amet orci. Integer a velit sed augue iaculis tempus. Praesent commodo, leo at tincidunt pretium, risus turpis posuere dui, vitae sollicitudin mi libero in quam. Fusce non risus vitae ligula gravida auctor a vitae lectus.

Informações e serviços

Informações e serviços

Informações e serviços

Informações e serviços

Informações e serviços

Informações e serviços

Informações e serviços

Informações e serviços

Título curto

frases de apoio, frases, frases de apoio frases de apoio, frases, frases de apoio frases, frases de apoio, frases, frases de apoio

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt tellus ut dolor sagittis accumsan.

Informações e serviços

Informações e serviços

Informações e serviços

Informações e serviços

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt tellus ut dolor sagittis accumsan.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt tellus ut dolor sagittis accumsan.

Informações e serviços

Informações e serviços

Informações e serviços

Informações e serviços

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt tellus ut dolor sagittis accumsan.

Informações e serviços

Informações e serviços

Informações e serviços Informações e serviços

www.institutoodeon.org.br

Informações e serviços

Informações e serviços

Informações e serviços

Informações e serviços

Informações e serviços

Informações e serviços

Informações e serviços Informações e serviços

Instituto Odeon 2017 Ipsum lorem Instituto Odeon 2017 Encontro de diálogos

Título curto

frases, frases de apoio

Título curto

frases, frases de apoio frases, frases de apoio frases, frases de apoio frases, frases de apoio

ODEON

Informações e serviços

Informações e serviços

Informações e serviços

Informações e serviços

Informações e serviços Informações e serviços

Informações e serviços Informações e serviços

Instituto Odeon 2017 Ipsum Lorem up

Instituto Odeon 2017 Ipsum Lorem

Título curto

Informações e serviços

Informações e serviços

Informações e serviços

Informações e serviços

www.institutoodeon.org.br

Neque porro

Lorem Ipsum up sit ips liris

Lorem Ipsum up sit ips liris

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt tellus ut dolor sagittis accumsan. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras cursus congue enim, vitae consectetur ipsum convallis id.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt tellus ut dolor sagittis accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt tellus accumsan.

Dramturgo

Edmundo de Novaes Gomes

Direção

Carlos Gradim

teatro Poeirinha

26.06.2017 19h

Instituto Odeon 2017 Ipsum Lorem

Ipsum Lorem sit amet tellus

Congue vitae

Convallis enim Vestibulum tincidunt tellus ut dolor sagittis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt tellus ut dolor sagittis accumsan. Cras cursus congue enim, vitae consectetur ipsum convallis id.consectetur adipiscing.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt tellus ut dolor sagittis accumsan. Cras cursus congue enim, vitae consectetur ipsum convallis id.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt tellus ut dolor sagittis accumsan.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Vestibulum tincidunt tellus accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt tellus ut dolor sagittis accumsan. Cras cursus congue enim, vitae consectetur ipsum convallis id.Lorem ipsum dolor sit amet, consectetur adipiscing elit.

IPSUM LOREM

Convalis crusus telles

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Vestibulum tincidunt tellus ut dolor sagittis accumsan. .Cras cursus congue enim, vitae

consectetur ipsum convallis id.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt tellus ut dolor sagittis accumsan. Lorem

ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt tellus accumsan.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Vestibulum tincidunt tellus ut dolor sagittis accumsan. .Cras

Instituto Odeon 2017 OUTUBRO

Ipsum Lorem sit amet tellus

Congue vitae

Convallis enim

Vestibulum

tincidunt tellus ut dolor sagittis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt tellus ut dolor sagittis accumsan. Cras cursus congue enim, vitae consectetur ipsum convallis id.consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

cursus congue enim, vitae consectetur ipsum convallis id.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt tellus ut dolor sagittis accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt.

IPSUM LOREM

Convalis crusus telles

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt tellus ut dolor sagittis accumsan. .Cras cursus congue enim, vitae

consectetur ipsum convallis id.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt tellus ut dolor sagittis accumsan. Lorem

ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt tellus accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt tellus ut dolor sagittis accumsan. .Cras

cursus congue enim, vitae consectetur ipsum convallis id.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt tellus ut dolor sagittis accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt.

APLICAÇÕES . PATTERNS

APLICAÇÕES . PATTERNS

APLICAÇÕES . PATTERNS

APLICAÇÕES . PATTERNS

Assinatura de vídeo

Para fechamento de vídeos institucionais e comerciais, a marca deve ser aplicada sobre fundo branco nas cores originais.

O posicionamento na tela deve respeitar o alinhamento descrito ao lado no qual a altura da marca corresponde entre 25% e 30% da altura total de tela. Esse critério de aplicação é proporcional e adequado para qualquer tamanho de tela e resolução.

x = 25% da altura da tela para versão horizontal da marca e 30% para versão vertical da marca.

A fotografia é um dos elementos do sistema visual e deve ser cuidadosamente selecionada para ampliar a experiência positiva de marca e a compreensão da atuação do Instituto Odeon.

Características:

Integração com a comunidade

Experiência

Pertencimento

Conhecimento

Educação

Conexão com a arte

Inclusão

Transformação

Proximidade

Diversidade

As diretrizes fotográficas devem ser aplicadas para imagens estáticas e para imagens em movimento.

Sempre que possível, opte pela escolha de uma única fotografia em vez de uma composição com múltiplas imagens. A ênfase está na ideia ou conceito geral a ser transmitido.

A cultura e educação têm alto valor imagético. As fotografias devem ser compostas em planos e ângulos que valorizem o elemento humano. As pessoas são nosso maior valor, portanto a inserção de imagens apenas de espaços deve ser utilizada somente quanto solicitada ou em casos bem específicos.

Para evidenciar as características do estilo fotográfico: integração com a comunidade, experiência, pertencimento, conhecimento, educação, conexão com a arte, inclusão, transformação, proximidade e diversidade, as imagens devem retratar, tanto quanto possível, cenários e circunstâncias reais, evitando a construção de situações encenadas ou ficcionais.

Ajustes de brilho, contraste, nitidez e saturação devem ser usados com moderação e apenas para alcançar o equilíbrio adequado de tons e cores.

Atenção quanto ao uso de lentes ou efeitos que distorçam a realidade. Preferimos fotos sem efeitos ou distorções aparentes.

As produções fotográficas publicitárias devem priorizar a naturalidade das fotos. Não utilizar imagens clichês, posadas, frias ou impessoais.

Gostamos de fotos que contam uma história, inspiram e comunicam as características do estilo fotográfico. Para transmitir a essência

da marca Odeon, é importante a participação ativa do personagem.

Preferimos usar as fotografias em cores. Lembre-se de configurar sua câmera em alta resolução para que o clik atenda qualquer necessidade criativa.

Pertencimento

Proximidade Conexão com a arte

Foto: Divulgação