Manual de Identidade Visual — Ô linda! by Design Gráfico Senac RJ

Desenvolvido por: Edilene Roza, Lucas Amado e Marina Scalabrin Sob orientação do professor Vinícius Guimarães para a disciplina Projeto Integrador I em colaboração com as disciplinas: Editoração Eletrônica - Carlos Eduardo Fotografia Digital - Carlos Eduardo Imagem Digital - Helena Barros Marketing aplicado ao Design - Nilmar Figueiredo Produção Gráfica - Fernanda Vuono Sistema de Identidade Visual - Fernanda Vuono Tipografia - Vinícius Guimarães Faculdade Senac Graduação Tecnológica em Design Gráfico Turma 2019.1N

Sumário Apresentação Apresentação / Objetivo

Assinaturas 07

Identidade Visual Conceito Logotipo Versões da marca Malhas construtivas Área de proteção Redução máxima Tipografia padrão Cores e escalas

09 10 11 12 13 14 16 17

Versão à cores Positivo e Negativo Marca sobre fundos coloridos Marca sobre fundos com imagens Uso incorreto

22 23 24 25 26

Aplicações Elementos gráficos de apoio Padronagem Papelaria institucional Aplicações

29 30 32 36

Apresentação

Apresentação / Objetivo Apresentação Ô linda! é uma tapiocaria artesanal enraizada nas tradições nordestinas, cujo nome é uma homenagem à cidade de Olinda-PE, uma das pioneiras no consumo da iguaria em território brasileiro, no século XVI. A ideia surgiu em 2013 em uma viagem entre amigos para própria cidade em Pernambuco, onde lá se depararam com uma barraquinha de tapioca e se encantaram pela iguaria nordestina. No retorno ao Rio, perceberam que a mesma tinha tudo a ver com o estilo de vida do carioca e viram uma boa oportunidade de negócio. O objetivo da empresa é sempre manter o capricho do “feito a mão”, trazendo sempre qualidade para os clientes.

Objetivo Este manual tem como objetivo apresentar a marca, explicando sua lógica construtiva e regras do uso correto de seus elementos gráficos nos diferentes meios de aplicação, com intuito de preservar suas propriedades visuais e facilitar sua reprodução, propagação, percepção, identificação e memorização.

06 - 07

Identidade Visual

Identidade Visual / Conceito Conceito A criação da marca foi inspirada na xilogravura popular brasileira, técnica de gravura de origem portuguesa que foi transplantada para o território brasileiro. Aqui se desenvolveu através do gênero literário muito popular e valorizado no nordeste, conhecido como literatura de cordel. Portanto, a estética da xilogravura foi designada para representar a marca Ô linda!, com intuito de valorizar a riqueza da cultura nordestina e a produção artesanal, representada de forma rústica através de texturas e irregularidades.

08 - 09

Identidade Visual / Logotipo / Versões da marca Logotipo

1º Rough

Tendo a xilogravura como conceito, o logo foi desenvolvido com irregularidades propositais trazendo como referência as texturas marcadas por esta técnica de gravura, onde é utilizada uma matriz de madeira entalhada por um objeto cortante. A estrela substituindo o pingo da letra “i”, faz referência às estrelas aplicadas aos tradicionais e populares chapéus de couro nordestinos.

2º Vetorização

TA P I O C A R I A

3º Ajustes finais

10 - 11 Versões da Marca A marca Ô linda! possui duas versões, sendo elas com e sem descritivo. Deve-se utilizar preferencialmente a versão acompanhada do descritivo, caso ocorra problemas de legibilidade, aconselha-se o uso da outra versão. Sobre fundos escuros, deve-se utilizar a cor amarela. Nas ocasiões de fundos claros utiliza-se a cor preta, e suas aplicações devem respeitar as proporções e regras contidas neste manual. Versão amarela com descritivo

Versão preta com descritivo

Versão amarela sem descritivo

Versão preta sem descritivo

Identidade Visual / Malhas construtivas / Ă rea de proteĂ§ĂŁo Malhas construtivas

24x

10x 9x

1x 2,5x

24x

10x 9x

12 - 13 Área de proteção Preserva a visibilidade de leitura da marca, evitando a aproximação excessiva de outros elementos. Portanto, nenhuma informação ou elemento gráfico como, textos e outras assinaturas, pode ultrapassar o espaço determinado. 2x

Identidade Visual / Redução Máxima Redução Máxima As medidas definidas na redução máxima de uma marca são necessárias para garantir a legibilidade da mesma, seja para impressão ou usos digitais. Para que possa utilizar o tamanho com máxima redução, o descritivo deve ser removido, pois não oferece legibilidade.

30mm

20mm 8,6mm

13mm

*Redução máxima com descritivo

*Redução máxima sem descritivo

14 - 15

Identidade Visual / Tipografia padrão / Cores e escalas Tipografia O alfabeto cria unidade entre produtos, impressos e marca. É aconselhável o uso das fontes listadas neste manual, desta forma, não há riscos de utilizar fontes conflitantes com o conceito da marca.

Aa Teko

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

Aa Roboto

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

16 - 17 Cores e escalas As cores são fundamentais para um bom sistema de identificação visual. Além de buscar sempre a reprodução fiel dos tons, é importante aplicar as cores em produtos e impressos da empresa. A paleta cromática da Ô linda! é baseada na popular “sombrinha de frevo” utilizada no carnaval nordestino, representando a alegria do nordeste com cores vibrantes.

Black C 0 / M 0 / Y 0 / K 100 R0/G0/B0 Hexadecimal #000000 Web safe: #000000

Pantone 123C

Pantone 2349C

Pantone 3115C

Pantone 340C

C 0 / M 20 / Y 90 / K 0 R 255 / G 199 / B 44 Hexadecimal #FFC72C Web safe: #FFCC33

C 15 / M 90 / Y 100 / K 5 R 202 / G 55 / B 23 Hexadecimal #CA3717 Web safe: #CC3300

C 70 / M 0 / Y 20 / K 0 R 43 / G 185 / B 207 Hexadecimal #2BB9CF Web safe: #33CCCC

C 85 / M 15 / Y 80 / K 0 R 0 / G 150 / B 94 Hexadecimal #00965E Web safe: #009966

Identidade Visual / Cores e escalas

18 - 19

Cores e escalas Tonalidades de apoio que fazem parte da composição da padronagem da marca.

Pantone 124C

Pantone 2350C

C 0 / M 30 / Y 100 / K 0 R 234 / G 170 / B 0 Hexadecimal #EAAA00 Web safe: #FFCC00

C 20 / M 95 / Y 95 / K 15 R 175 / G 36 / B 28 Hexadecimal #963122 Web safe: #993333

Pantone 123C

Pantone 2349C

C 0 / M 20 / Y 90 / K 0 R 255 / G 199 / B 44 Hexadecimal #FFC72C Web safe: #FFCC33

C 15 / M 90 / Y 100 / K 5 R 202 / G 55 / B 23 Hexadecimal #CA3717 Web safe: #CC3300

em 70%

Pantone 2203C C 80 / M 30 / Y 20 / K 5 R 0 / G 135 / B 175 Hexadecimal #5788AA Web safe: #66CCCC

Pantone 3115C em 50%

C 70 / M 0 / Y 20 / K 0 R 43 / G 185 / B 207 Hexadecimal #2BB9CF Web safe: #33CCCC

Pantone 341C C 90 / M 30 / Y 80 / K 15 R 0 / G 123 / B 84 Hexadecimal #007B54 Web safe: #006666

Pantone 340C em 50%

C 85 / M 15 / Y 80 / K 0 R 0 / G 150 / B 94 Hexadecimal #00965E Web safe: #009966

Assinaturas

20 - 21

Assinaturas / Versão à cores / Positivo e Negativo Versão à cores

22 - 23 Positivo e Negativo

Assinaturas / Fundos coloridos / Fundos com imagem Fundos coloridos

C: 0% / M: 20% / Y: 90% / B: 0%

C: 70% / M: 0% / Y: 20% / B: 0%

C: 0% / M: 0% / Y: 100% / B: 0%

C: 85% / M: 15% / Y: 80% / B: 0%

C: 100% / M: 0% / Y: 0% / B: 0%

C: 100% / M: 100% / Y: 0% / B: 0%

C: 15% / M: 90% / Y: 100% / B: 5%

C: 0% / M: 100% / Y: 0% / B: 0%

C: 0% / M: 100% / Y: 100% / B: 0%

C: 100% / M: 0% / Y: 100% / B: 0%

24 - 25 Fundos com imagem Sempre que aplicadas em fundos com imagens, as assinaturas devem estar visualmente destacadas do fundo. Isso significa que deve haver um contraste suficiente entre os tons de plano de fundo e da assinatura. Em todos os casos, deve-se dar preferĂŞncia a cores neutras e texturas homogĂŞneas.

Assinaturas / Uso incorreto Uso incorreto Nesta seção, há exemplos de possíveis erros de aplicação da marca Ô linda! É expressamente proibida a distorção da marca, contrariando as proporções no manual estabelecidas, alteração das cores institucionais, uso de outra família tipográfica e não respeitar a redução mínima.

Não aplicar a marca com contraste excessivo.

Não aplicar a marca com cores próximas.

Não aplicar efeitos sobre a marca.

Não modificar a cor da marca.

26 - 27 x

TAPIOCARIA

Não modificar a cor da tipografia.

Não distorcer.

Não alterar a tipografia do descritivo.

Não aplicar linha de contorno.

Não girar.

Não achatar.

Não alterar a disposição dos elementos.

Não aumentar o espaço entre o logotipo e seu descritivo.

Aplicações

Aplicações / Elementos gráficos de apoio Elementos gráficos de apoio Os elementos gráficos da marca Ô linda! são representados como gravuras usadas nos populares folhetos de cordel.

28 - 29

Aplicações / Padronagem

30 - 31

Aplicações / Papelaria Cartão de visita (Formato 9x10cm (aberto) - Papel couchê 210 g/m²) - Verniz UV localizado no logo

@olindatapiocaria oi@olindatapiocaria.com www.olindatapiocaria.com (21) 95255-3344

(21) 2753-5595

Rua Heitor Servan 116 - Botafogo, Rio de Janeiro - RJ

A 6ª tapioca é por nossa conta ;) **Válido somente para a tapioca do dia**

Aplicações / Papelaria

32 - 33

Papel carta e Envelope • Papel carta - (Formato A4, Papel offset 90 g/m²) • Envelope carta - (Formato 24x11cm (fechado), Papel offset 120 g/m²)

Sr. Jefferson Menezes Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem l eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

(21) 2753-5595 oi@olindatapiocaria.com www.olindatapiocaria.com Rua Heitor Servan 116 - Botafogo, Rio de Janeiro - RJ

(21) 95255-3344 oi@olindatapiocaria.com www.olindatapiocaria.com

Aplicações / Papelaria Envelope saco (Formato 21,5x30,5cm (fechado) - Papel offset 120 g/m²)

(21) 2753-5595 | oi@olindatapiocaria.com www.olindatapiocaria.com | Rua Heitor Servan 116 - Botafogo, Rio de Janeiro - RJ

34 - 35 Pasta institucional (Formato 45x30cm (aberto) - Papel couchê 210 g/m²)

Seja bem-vindo à Ô linda! Missão Oferecer uma alimentação saudável, artesanal, caseira e com características nordestinas, aliada à um atendimento personalizado em um ambiente familiar e aconchegante.

Visão Ser referência não só na gastronomia popular brasileira, como também no quesito em preocupação com o bem-estar e conforto de nossos clientes.

Valores Conforto, conﬁança, higiene, alimentação saudável e eﬁciência no atendimento. (21) 2753-5595 oi@olindatapiocaria.com www.olindatapiocaria.com Rua Heitor Servan 116 - Botafogo, Rio de Janeiro - RJ

(21) 95255-3344 oi@olindatapiocaria.com www.olindatapiocaria.com

@olindatapiocaria

oi@olindatapiocaria.com

Aplicações / Carrinho Ôlinda! / Uniforme

36 - 37

Aplicações / Bottons / Embalagem para tapioca

38 - 39

Colofão Este manual foi impresso em papel couché 150g, 150mm x 210mm, diagramado com a fonte Roboto para o corpo do texto, títulos e numerações de páginas.