IDENTIDADE VISUAL Manual de Aplicação
JULHO DE 2019
IDENTIDADE VISUAL Manual de Aplicação
Esse documento tem o objetivo de orientar o desenvolvimento da nossa comunicação, garantindo que a identidade visual da SBA seja preservada.
SUMÁRIO APRESENTAÇÃO . . . . . . . . . . . . . . . . . . . . . 5
APLICAÇÃO DA TIPOGRAFIA . . . . . . . . . . . . . . 23
CONCEITO . . . . . . . . . . . . . . . . . . . . . . . . . 6
ASSINATURA EM IMAGEM NO BRANCO . . . . . . . 24
DESIGN . . . . . . . . . . . . . . . . . . . . . . . . . . 7
ASSINATURA EM IMAGEM NO TURQUESA . . . . . . 25
COR . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
ASSINATURA EM IMAGEM NA FAIXA TURQUESA . . 26
VERSÃO PRINCIPAL . . . . . . . . . . . . . . . . . . . 9
ASSINATURA EM IMAGEM NA FAIXA BRANCA . . . . 27
VERSÃO PRINCIPAL EM NEGATIVO . . . . . . . . . . 10
USOS INCORRETOS . . . . . . . . . . . . . . . . . . . 28
VERSÃO MONOCROMÁTICA . . . . . . . . . . . . . . 11
APLICAÇÕES . . . . . . . . . . . . . . . . . . . . . . . 29
VERSÃO MONOCROMÁTICA EM NEGATIVO . . . . . 12
CARTÃO DE VISITAS E TIMBRADO . . . . . . . . . . . 30
VERSÃO PRETO E BRANCO . . . . . . . . . . . . . . . 13
ENVELOPE E PASTA . . . . . . . . . . . . . . . . . . . 31
VERSÃO PRETO E BRANCO EM NEGATIVO . . . . . . 14
UNIFORMES . . . . . . . . . . . . . . . . . . . . . . . 32
VERSÃO HORIZONTAL . . . . . . . . . . . . . . . . . 15
PROMOCIONAIS . . . . . . . . . . . . . . . . . . . . . 33
VERSÃO HORIZONTAL MONOCROMÁTICA . . . . . 16
ASSINATURA DE E-MAIL . . . . . . . . . . . . . . . . 34
VERSÃO HORIZONTAL PRETO E BRANCO . . . . . . 17
MÍDIAS SOCIAIS - TOPO . . . . . . . . . . . . . . . . . 35
SEM BASELINE . . . . . . . . . . . . . . . . . . . . . . 18
MÍDIAS SOCIAIS - TEMPLATES FEED . . . . . . . . . . 36
REDUÇÃO . . . . . . . . . . . . . . . . . . . . . . . . 19
MÍDIAS SOCIAIS - TEMPLATES STORIES . . . . . . . . 37
ESPAÇAMENTO . . . . . . . . . . . . . . . . . . . . . 20
PADRÃO WORD . . . . . . . . . . . . . . . . . . . . . 38
APLICAÇÃO DO ESPAÇAMENTO . . . . . . . . . . . . 21
PADRÃO POWER POINT . . . . . . . . . . . . . . . . 39
TIPOGRAFIA . . . . . . . . . . . . . . . . . . . . . . . 22
APRESENTAÇÃO A Sociedade Brasileira de Anestesiologia é uma associação civil, sem fins econômicos, que desde 25 de fevereiro de 1948 vem atuando na evolução contínua e no bem-estar dos seus mais de 12.000 associados em todo o Brasil. Promovendo a união e a integração para o fortalecimento da classe. Com foco no aprimoramento tecnológico e científico para melhorias dos resultados, a SBA prima por uma educação continuada e capacitações certificadas que aperfeiçoam seus associados, formam e qualificam novos profissionais. Além disso, a SBA se preocupa, não só com a segurança dos seus pacientes, mas também em transmitir confiança e tranquilidade, através de um tratamento humanizado, com atenção e carinho contínuo, desde o adormecer ao despertar. Manual de Identidade Visual
5
CONCEITO
As principais palavras-chaves, sinalizadas no briefing e que inspiraram o conceito da identidade visual foram: segurança, proteção, conforto, qualidade e união. Que aliadas a uma personalidade moderna, séria e impactante, resulta numa concepção mais coerente com a essência da SBA. Manual de Identidade Visual
6
DESIGN ÚNICO, ATUAL E MARCANTE O logotipo enfatiza a sigla SBA, nome pelo qual a Sociedade Brasileira de Anestesiologia é reconhecida nacionalmente. Feito “à mão“, o logotipo foi pensado para ser único, como cada profissional associado é. As letras foram desenhadas para dar a sensação de união e integração, assemelhando-se a degraus, que remetem à evolução e ao crescimento contínuo. Sensação dada pela sobreposição dos tipos. E para simbolizar o acolhimento com o associado e a delicadeza, proteção e cuidado com o paciente, um coração aparece de forma implícita entre os espaços negativos das letras S e B. Manual de Identidade Visual
7
COR O Azul Esverdeado é uma cor terciária, intermediária entre o ciano (equilíbrio) e o verde (crescimento). Esta mistura é bastante envolvente e tranquilizante, relacionada diretamente ao alívio do estresse mental e do cansaço. Cor que irradia paz e atenua o sentimento de solidão. Também chamada de Turquesa, esta cor está conectada com a sensibilidade criativa, contribuindo com o pensamento claro e a tomada de decisão. Além disso, esta cor está associada à saúde, cura, seriedade e a generosidade. Na medicina holística, por exemplo, ela tem efeitos calmantes nos pacientes, especialmente no tratamento de ataques de pânico. Manual de Identidade Visual
TRANQUILIDADE, EQUILÍBRIO, CRESCIMENTO, ALÍVIO, PAZ, CALMA, CRIATIVIDADE, SAÚDE, CURA, SERIEDADE, GENEROSIDADE. 8
VERSÃO PRINCIPAL
PANTONE P 124-6 C
C 75
M 0
Y 30
K 0
R G B 0 178 187
HEXA: #00B2BB
PANTONE P 125-7 C
C 75
M 0
Y K 30 30
R G B 0 139 146
HEXA: #008B92
A aplicação em turquesa é a versão principal e deve ser preferencial, sempre que possível. Manual de Identidade Visual
9
VERSÃO PRINCIPAL EM NEGATIVO
C 0
M 0
Y 0
K 0
R G B 255 255 255
HEXA: #FFFFFF
C 0
M 0
Y 0
K 30
R G B 198 198 198
HEXA: #C6C6C6
A aplicação em negativo é ideal para fundo em turquesa, preto ou até mesmo fotográfico. Manual de Identidade Visual
10
VERSÃO MONOCROMÁTICA
PANTONE P 124-6 C
C 75
M 0
Y 30
K 0
R G B 0 178 187
HEXA: #00B2BB
A aplicação monocromática é ideal para casos onde há limitação de cores ou simplesmente para dar flexibilidade ao design. Manual de Identidade Visual
11
VERSÃO MONOCROMÁTICA EM NEGATIVO
C 0
M 0
Y 0
K 0
R G B 255 255 255
HEXA: #FFFFFF
A aplicação monocromática é ideal para casos onde há limitação de cores ou simplesmente para dar flexibilidade ao design. Manual de Identidade Visual
12
VERSÃO PRETO E BRANCO
C 0
M 0
Y K 0 100
R 0
G 0
B 0
HEXA: #000000
A aplicação em preto é recomendada apenas em situações nas quais a reprodução colorida é limitada. Manual de Identidade Visual
13
VERSÃO PRETO E BRANCO EM NEGATIVO
C 0
M 0
Y 0
K 0
R G B 255 255 255
HEXA: #FFFFFF
A aplicação em preto é recomendada apenas em situações nas quais a reprodução colorida é limitada. Manual de Identidade Visual
14
VERSÃO HORIZONTAL
A versão horizontal é uma opção secundária e pode ser aplicada sempre que se julgar necessário, seja pelo enquadramento estético ou limitação de espaço. Manual de Identidade Visual
15
VERSÃO HORIZONTAL MONOCROMÁTICA
A versão horizontal é uma opção secundária e pode ser aplicada sempre que se julgar necessário, seja pelo enquadramento estético ou limitação de espaço. Manual de Identidade Visual
16
VERSÃO HORIZONTAL PRETO E BRANCO
A versão horizontal é uma opção secundária e pode ser aplicada sempre que se julgar necessário, seja pelo enquadramento estético ou limitação de espaço. Manual de Identidade Visual
17
SEM BASELINE
A versão sem a baseline pode ser usada sempre que se julgar necessário, seja por objetivos de comunicação ou limitações técnicas. Ideal para aplicações reduzidas como ícones do app e avatares das mídias sociais e messengers.
Manual de Identidade Visual
18
REDUÇÃO
A redução excessiva do logo pode gerar problemas de legibilidade. Portanto, devese seguir as especificações de redução mínima, definidas neste manual.
0,5cm 16px
1cm - 60px
2cm - 110px
Para os limites menores, é obrigatório o uso das versões sem a descrição. Manual de Identidade Visual
19
ESPAÇAMENTO
Para garantir a integridade, o impacto visual e a legibilidade do logotipo, é preciso preservar os espaçamentos entre os elementos e uma área em torno do todo. O espaço negativo da letra “A” foi usado como referência para a área preservada. Manual de Identidade Visual
20
APLICAĂ‡ĂƒO DO ESPAÇAMENTO Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi erat justo, interdum ut malesuada vel, tincidunt non arcu. Nam aliquam libero maximus ligula interdum, tincidunt gravida magna tempor. Nunc eget sapien nisi. Proin id neque eu nunc dapibus ultricies nec vitae magna. Aliquam pulvinar finibus lectus, viverra venenatis dolor auctor vitae. Aenean nisl odio, condimentum eu lorem ut, viverra vehicula nunc. Suspendisse nulla nibh, pulvinar iaculis tincidunt eget, egestas id nunc. Etiam egestas, nisi non fermentum dapibus, libero quam maxi-
Manual de Identidade Visual
mus urna, aliquet vulputate ipsum est id sem. Donec fringilla vestibulum rutrum. Nunc tristique est
malesuada at a justo. Integer quis eros condimentum, tempus urna quis, tincidunt tellus.
et diam efficitur lacinia. Curabitur eget nisl id massa congue tincidunt. Integer a purus eu ante accumsan
Aenean et molestie diam. Vestibulum vel mollis neque. Donec at nibh metus. Donec maximus auctor malesuada. Nulla facilisi. Praesent et accumsan eros. Nam nibh odio, pulvinar convallis ante nec, pharetra posuere tellus. Maecenas scelerisque nibh nec metus imperdiet porta. Ut lacinia euismod quam non sollicitudin. Sed id odio a purus pellentesque imperdiet a quis ex. Nulla non lobortis nunc, bibendum dapibus augue. Praesent at ipsum a dui porta. 21
TIPOGRAFIA A tipografia é um elemento-chave no sistema visual e as fontes escolhidas proporcionam padrões gráficos para a marca. O que traz personalidade e singularidade para a comunicação. As fontes especiais (Rambla e Palanquin) possuem licença de uso gratuito e são encontradas no site Google Fontes. A fonte opcional básica (Arial) já vem instalada na maioria dos computares e é recomendada apenas quando a instalação das fontes especiais for inviável. Manual de Identidade Visual
Aa
Títulos e textos que merecem destaques
Aa
Documentos e textos corridos
Aa
Opcional Básica
Rambla
(Regular, Italic, Bold, Bold Italic) ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz (.,:;!$%&@#*)0123456789
Palanquin
(Thin, Light, Regular, Medium, Bold)
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz (.,:;!$%&@#*)0123456789
Arial
(Regular, Bold, Black, Italic, Italic Black) ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz (.,:;!$%&@#*)0123456789 22
APLICAĂ‡ĂƒO DA TIPOGRAFIA
Rambla Bold
Lorem ipsum dolor sit amet Consectetur adipiscing elit. Morbi erat justo, interdum ut malesuada vel, tincidunt non arcu.
Palanquin Light
Nam aliquam libero maximus ligula interdum, tincidunt gravida magna tempor. Nunc eget sapien nisi. Proin id neque eu nunc dapibus ultricies nec vitae magna. Aliquam pulvinar finibus lectus, viverra venenatis dolor auctor vitae. Aenean nisl odio, condimentum eu lorem ut, viverra vehicula nunc. Suspendisse nulla nibh, pulvinar iaculis tincidunt eget, egestas id nunc. Etiam egestas, nisi non fermentum dapibus, libero quam maximus urna, aliquet vulputate ipsum est id sem. Donec fringilla vestibulum rutrum. Nunc tristique est et diam efficitur lacinia.
Manual de Identidade Visual
23
ASSINATURA EM IMAGEM NO BRANCO Sobreposição em branco em 65% a 85% de opacidade
Manual de Identidade Visual
24
ASSINATURA EM IMAGEM NO TURQUESA Sobreposição em turquesa em 65% a 85% de opacidade de opacidade
Manual de Identidade Visual
25
ASSINATURA EM IMAGEM NA FAIXA TURQUESA
Manual de Identidade Visual
26
ASSINATURA EM IMAGEM NA FAIXA BRANCA
Manual de Identidade Visual
27
USOS INCORRETOS
Alterar alinhamento do texto
Rotacionar logotipo
Mudar posição dos elementos
Esta página apresenta alguns exemplos de aplicações não permitidas. Manual de Identidade Visual
Aplicar sombra
Mudar as proporções
Usar o texto sem o logotipo
Aplicar contorno
Alterar cores
Usar como marca d’água
28
APLICAÇÕES Nas páginas a seguir, apresentaremos alguns exemplos de aplicações do logotipo da SBA, que orientarão na comunicação visual da empresa, tanto nas peças apresentadas quanto nas que serão desenvolvidas futuramente.
Manual de Identidade Visual
29
CARTÃO DE VISITAS E TIMBRADO
Dr. John Doe
Diretor Administrativo (21) 3528-1050 johndoe@sbahq.org
Rua Prof. Alfredo Gomes, 36 Botafogo, Rio de Janeiro - RJ
sbahq.org
(21) 3528-1050 contato@sbahq.org
Manual de Identidade Visual
Rua Prof. Alfredo Gomes, 36 Botafogo, Rio de Janeiro - RJ
sbahq.org
30
ENVELOPE E PASTA
(21) 3528-1050 contato@sbahq.org
Rua Prof. Alfredo Gomes, 36 Botafogo, Rio de Janeiro - RJ
sbahq.org
(21) 3528-1050 contato@sbahq.org
Manual de Identidade Visual
Rua Prof. Alfredo Gomes, 36 Botafogo, Rio de Janeiro - RJ
sbahq.org
31
UNIFORMES
sbahq.org
Manual de Identidade Visual
32
PROMOCIONAIS
A identidade
mudou,
mas nossa essência
continua sendo cuidar de você!
Manual de Identidade Visual
33
ASSINATURA DE E-MAIL Escrever E-mail Para: Jaider Morais <falecom@jaidermorais.com> Assunto: Assinatura de Email 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
Dr. John Doe
Diretor Administrativo
(21) 3528-1050 johndoe@sbahq.org
sbahq.org Enviar
Manual de Identidade Visual
34
MÍDIAS SOCIAIS - TOPO
SBA
A identidade mudou,
@sociedadebrasileira...
mas nossa essência continua sendo
cuidar de você!
Liked
Manual de Identidade Visual
Following
Share
Send Message
35
MĂ?DIAS SOCIAIS - TEMPLATES FEED
SBA - Sociedade Brasileira de Anestesiologia
Manual de Identidade Visual
SBA - Sociedade Brasileira de Anestesiologia
SBA - Sociedade Brasileira de Anestesiologia
SBA - Sociedade Brasileira de Anestesiologia
36
MÍDIAS SOCIAIS - TEMPLATES STORIES
Manual de Identidade Visual
37
PADRĂ&#x192;O WORD
Manual de Identidade Visual
38
PADRĂ&#x192;O POWER POINT
Manual de Identidade Visual
39