Viva Nova Saúde
Brandbook © 2024
A marca “Viva Nova Saúde” é uma plataforma derivada que busca promover a formação e a educação de pessoas em torno do tema saúde. De leigos à profissionais da saúde, a plataforma é um espaço de pesquisa, troca de experiências, produção de conhecimento e de formação das pessoas, ampliando a experiência do consultório, promovendo autonomia e construindo uma comunidade de profissionais da saúde que concebem o cuidado da saúde de maneira multidisciplinar, além de estarem conectados ao que há de mais novo em pesquisa no campo da medicina “integrativa”.
2.1
Logotipo & Variações
Imagem 1 - Logo
Imagem 2 - Logotipo Horizontal
Imagem 3 - Logotipo Vertical
Nesta secção, é apresentado o Logo e o Logotipo da marca, juntamente com suas variações horizontais e verticais. É essencial seguir essas diretrizes para garantir a consistência e a integridade visual da identidade da marca em todas as aplicações.
2.2
Anatomia do Logotipo
Imagem 1 - Anatomia do Logo
Imagem 2 - Anatomia do Logotipo Horizontal
Imagem 3 - Anatomia do Logotipo Vertical
Imagem 4 - Responsividade do Logo
Imagem 5 - Responsividade do Logotipo Horizontal
Imagem 6 - Responsividade do Logotipo Vertical
Imagem 7 - Proporção do Logo
O Logo deve ter um tamanho mínimo de 50 mm para impressões e para uso digital, para garantir sua legibilidade.
Imagem 8 - Proporção do Logotipo Horizontal
O Logotipo Horizontal deve ter um tamanho mínimo de 70 mm para impressões e 50 mm para uso digital, para garantir sua legibilidade.
Imagem 9 - Proporção do Logotipo Vertical
O Logotipo Vertical deve ter um tamanho mínimo de 70 mm para impressões e 50 mm para uso digital, para garantir sua legibilidade.
Entender a Anatomia do Logotipo é fundamental para preservar sua integridade e garantir
que ele seja reproduzido corretamente em todas as aplicações. Nesta secção, é ilustrado
todos
os elementos constitutivos do logotipo da marca, como sua escala, proporções e sua
função
dentro da identidade visual.
O logotipo é composto por diversos elementos
visuais que,
juntos, formam a identidade distintiva da marca. Cada parte do logotipo, desde a
tipografia até os espaçamentos, desempenha um papel crucial na sua percepção e
reconhecimento. Ao compreender a anatomia do logotipo, é possível garantir que todas as
reproduções e variações respeitem as diretrizes estabelecidas, mantendo a consistência e
a força da marca.
2.3
Normas de Utilização
Imagem 1 - Comportamento do Logo e suas variantes de cor mediante o fundo
Imagem 2 - Comportamento do Logo e suas variantes de cor mediante o fundo
Imagem 3 - Comportamento do Logo e suas variantes de cor mediante o fundo
Imagem 4 - Comportamento do Logotipo Horizontal e suas variantes de cor mediante o fundo
Imagem 5 - Comportamento do Logotipo Horizontal e suas variantes de cor mediante o fundo
Imagem 6 - Comportamento do Logotipo Horizontal e suas variantes de cor mediante o fundo
Imagem 7 - Comportamento do Logotipo Vertical e suas variantes de cor mediante o fundo
Imagem 8 - Comportamento do Logotipo Vertical e suas variantes de cor mediante o fundo
Imagem 9 - Comportamento do Logotipo Vertical e suas variantes de cor mediante o fundo
Imagem 10 - Comportamento e possibilidades de aplicação do Logotipo consoante o formato
Imagem 11 - Comportamento e possibilidades de aplicação do Logotipo consoante o formato
Imagem 12 - Comportamento e possibilidades de aplicação do Logotipo consoante o formato
Imagem 13 - Comportamento e possibilidades de aplicação do Logotipo consoante o formato
Imagem 14 - Comportamento e possibilidades de aplicação do Logotipo consoante a imagem de fundo
As Normas de Utilização do logotipo são essenciais para garantir a consistência e a integridade da identidade visual da marca em todas as suas aplicações. Esta secção apresenta diretrizes claras e detalhadas sobre como o logotipo deve e não deve ser utilizado, assegurando que ele seja sempre representado de maneira correta e profissional. As normas de utilização abrangem aspectos como tamanhos mínimos, espaçamento, cores permitidas, fundos adequados, e restrições quanto a alterações no design do logotipo. Seguir essas diretrizes é crucial para preservar a percepção da marca e evitar representações incorretas que possam enfraquecer sua identidade.
3.1
Paleta de Cores
Escala de Cinzas
NS Azul Escuro
HEX #0E1828
RGB 14 24 40
CMYK 90 78 54 69
RAL 5026
NS Cinzento Escuro
HEX #59647A
RGB 89 100 122
CMYK 71 56 35 12
RAL 5000
NS Cinzento Claro
HEX #D1D1D8
RGB 222 222 229
CMYK 11 9 4 0
RAL 9003
NS Branco Escuro
HEX #EEEEF3
RGB 238 238 243
CMYK 5 4 1 0
RAL 9003
NS Branco
HEX #FFFFFF
RGB 255 255 255
CMYK 0 0 0 0
RAL 9016
Cores Principais
NS Menta
HEX #00FF9E
RGB 0 255 158
CMYK 65 0 60 0
RAL 6038
NS Verde
HEX #BFFF00
RGB 191 255 0
CMYK 37 0 100 0
RAL 1026
NS Amarelo
HEX #FFD100
RGB 255 209 0
CMYK 0 18 100 0
RAL 1018
NS Vermelho
HEX #FC664D
RGB 252 102 72
CMYK 0 75 71 0
RAL 2012
NS Violeta
HEX #FF4AF5
RGB 255 74 245
CMYK 16 93 0 0
RAL 4010
NS Roxo
HEX #7500FF
RGB 117 0 255
CMYK 78 84 0 0
RAL 4006
NS Castanho
HEX #873D0B
RGB 135 61 11
CMYK 27 84 100 28
RAL 2013
NS Azul
HEX #091B44
RGB 9 27 68
CMYK 100 91 38 48
RAL 5026
Cores Secundárias
NS Menta Pastel
HEX #9CFFD2
RGB 156 255 210
CMYK 39 0 18 0
RAL 6019
NS Verde Pastel
HEX #EDFFA6
RGB 237 255 166
CMYK 11 0 50 0
RAL 1016
NS Amarelo Pastel
HEX #FFF2A6
RGB 255 242 166
CMYK 0 2 48 0
RAL 1014
NS Vermelho Pastel
HEX #FFB0A8
RGB 255 176 168
CMYK 0 42 24 0
RAL 3015
NS Violeta Pastel
HEX #FFA3FF
RGB 255 163 255
CMYK 7 42 0 0
RAL 4003
NS Roxo Pastel
HEX #C7B2E8
RGB 199 178 232
CMYK 20 31 0 0
RAL 4005
NS Castanho Pastel
HEX #DBBEAD
RGB 219 190 173
CMYK 11 27 30 0
RAL 1015
NS Azul Pastel
HEX #CAE0FF
RGB 202 224 255
CMYK 18 6 0 0
RAL 9018
A paleta de cores da marca é um dos elementos fundamentais da sua identidade visual. As cores escolhidas representam a essência e a personalidade da marca, ajudando a criar uma presença visual coesa e reconhecível em todos os pontos de contato. Esta secção detalha as cores da escala de cinza, as cores principais e secundárias da paleta.
Escala de Cinzas - A Escala de Cinzas é uma parte vital da paleta de cores da marca, oferecendo uma gama de tons neutros que podem ser usados para criar equilíbrio, contraste e hierarquia visual. Os tons de cinza são versáteis e ajudam a destacar os elementos principais da identidade visual, proporcionando uma base sólida para o design. Esses tons devem ser usados de acordo com as necessidades específicas de contraste e hierarquia visual nos materiais de comunicação, como por exemplo: em títulos, textos e outros elementos importantes que requerem legibilidade.
Cores Principais - As Cores Primárias são as principais cores da marca e devem ser usadas predominantemente em todos os materiais de comunicação e marketing. Elas são essenciais para a identidade visual da marca e devem ser aplicadas de forma consistente. Essas cores são utilizadas para elementos principais, como o logotipo, cabeçalhos, e fundos principais.
Cores Secundárias - As Cores Secundárias complementam as cores primárias e são usadas para criar variações e destaques dentro da identidade visual da marca. Elas ajudam a adicionar flexibilidade e diversidade aos materiais de comunicação sem comprometer a coesão visual. Essas cores podem ser usadas para elementos de suporte, como gráficos, ilustrações, e fundos secundários.
3.2
Tipografia
Tipografia Principal
Helvetica Now Display Regular
Helvetica Now Display Regular Italic
Helvetica Now Display Medium
Helvetica Now Display Medium Italic
Helvetica Now Display Bold
Helvetica Now Display Bold Italic
Helvetica Now Display Extra Bold
Helvetica Now Display Extra Bold Italic
Tipografia Secundária
Reckless Neue Book
Reckless Neue Book Italic
Reckless Neue SemiBold
Reckless Neue SemiBold Italic
A Tipografia é um componente crucial da identidade visual da marca, influenciando a maneira como as mensagens são percebidas e compreendidas. A escolha e o uso consistente das fontes tipográficas contribuem para a personalidade da marca e garantem a legibilidade e a coerência em todos os materiais de comunicação. Esta secção detalha a Tipografia Principal e a Tipografia Secundária da marca e fornece diretrizes sobre sua aplicação.
Tipografia Principal - A Tipografia Principal é fonte mais importante da identidade visual da marca e deve ser usada na maioria das aplicações. Ela reflete a essência da marca e deve ser aplicada de maneira consistente. Exemplos de uso: títulos de páginas, cabeçalhos e materiais de marketing.
Tipografia Secundária - A Tipografia Secundária complementa a Tipografia Principal e é usada para criar variações e hierarquia no design tipográfico. Ela ajuda a adicionar flexibilidade sem comprometer a coesão visual da marca. Exemplos de uso: textos, descrições detalhadas e algumas documentações técnicas.
Helvetica Now Display
Regular
Normal
Helvetica Now Display
Regular
Italic
Helvetica Now Display
Medium
Normal
Helvetica Now Display
Medium
Italic
Helvetica Now Display
Bold
Normal
Helvetica Now Display
Bold
Italic
Helvetica Now Display
Extra Bold
Normal
Helvetica Now Display
Extra Bold
Italic
Reckless Neue
Book
Normal
Reckless Neue
Book
Italic
Reckless Neue
SemiBold
Normal
Reckless Neue
SemiBold
Italic
3.3
Infográficos
Imagem 1 - Infográficos (Viva NovaSaúde)
Imagem 2 - Infográficos (Katia Nakazone Ono)
Infográficos são ferramentas poderosas que combinam design visual e informação para transmitir dados complexos de maneira clara e atraente. Eles facilitam a compreensão de informações através do uso de gráficos, ícones, cores e textos. Esta secção detalha as diretrizes para a criação e uso de infográficos dentro da identidade visual da marca. Os infográficos da marca devem seguir um estilo visual consistente que reflita a identidade e os valores da marca. Este estilo garante que os infográficos sejam facilmente reconhecíveis e coesos com outros elementos visuais da marca.
Downloads
3.4
Fotografia
Imagem 1 - Conteúdos Variados
Imagem 2 - Conteúdos de Desporto
Imagem 3 - Conteúdos de Desporto
Imagem 1 - Conteúdos da Clínica
Imagem 5 - Conteúdos da Clínica/p>
Imagem 6 - Conteúdos de Investigação e Educativos
Imagem 7 - Conteúdos de Lazer
Imagem 8 - Conteúdos Ambientais
Imagem 9 - Conteúdos sobre Nutricionismo
Imagem 10 - Conteúdos sobre os Pilares da Saúde
A Fotografia é um elemento vital da identidade visual da marca, capturando a essência e os valores da marca através de imagens poderosas e evocativas. As diretrizes fotográficas garantem que as imagens usadas em todos os materiais de comunicação sejam consistentes, de alta qualidade e alinhadas com a mensagem da marca. Esta secção detalha os estilos fotográficos, diretrizes de composição e tratamento de imagem.
4.1
Cartão de Visita
Imagem 1 - Cartão de Visita Geral (Impresso)
Imagem 2 - Cartão de Visita Pessoal (Impresso)
Imagem 3 - Cartão de Visita Digital (Ribeirão PReto)
Imagem 4 - Cartão de Visita Digital (São Paulo)
4.2
Prontuário
Imagem 1 - Capa do Prontuário (Formato A5)
Imagem 2 - Miolo do Prontuário (Formato A5)
Downloads
4.3
Receituário
Imagem 1 - Capa do Receituário (Formato A4)
Imagem 2 - Miolo do Receituário (Formato A4)
Downloads
4.4
Envelope
Imagem 1 - Envelope
Downloads
4.5
Tabela Pós-Consulta
Imagem 1 - Tabela Pós-Consulta Digital
Imagem 2 - Íman Tabela Pós-Consulta
4.6
T-Shirt Básica
Imagem 1 - T-Shirt Básica (Versão 1 - Frente)
Imagem 2 - T-Shirt Básica (Versão 1 - Frente)
Imagem 3 - T-Shirt Básica (Versão 2 - Frente e Verso)
Downloads
4.7
Kit de Imersão
Imagem 1 - Totebag
Imagem 2 - T-Shirt "Do seu jeito, no seu tempo" (Frente e Verso)
Imagem 3 - T-Shirt "Do seu jeito, no seu tempo" (Frente e Verso)
Imagem 4 - T-Shirt "Permita-se" (Frente)
Imagem 5 - T-Shirt "Permita-se" (Frente)
Imagem 6 - Caderno
Imagem 7 - Caneta
Imagem 8 - Lápis
Imagem 9 - Garrafa
Downloads
4.8
T-Shirts Desportivas
Imagem 1 - T-Shirts Desportivas (3 Cores)
Imagem 2 - T-Shirt Desportiva (Violeta)
4.9
Totebag Especial
Imagem 1 - Totebag Especial
4.10
Lenços
Imagem 1 - Lenço Azul
Imagem 2 - Lenço Branco
Downloads
4.12
Sinalética
Imagem 1 - Ainda a definir
Imagem 2 - Ainda a definir
5.1
Instagram "Viva Nova Saúde"
Imagem 1 - Combinações de Cor
Esta combinação consiste no uso das cores principais nos fundos, à excepção do castanho e azul. Nos elementos textuais e sobre as imagens é sempre usada a cor preta ou branca, de forma a preservar a legibilidade e o contraste. No caso de existirem infográficos, deverá ser usado o cinzento claro nos fundos.
Imagem 2 - Layout de Post para Títulos
Imagem 3 - Layout de Post para Títulos + Subtítulos
Imagem 4 - Layout de Post para Citações + Nome do Autor + Cargo
Imagem 5 - Layout de Post para Frase de Destaque + Descrição complementar
Imagem 6 - Layout de Post para Tópico + Descrição
Imagem 8 - Layout de Post Ilustrativo ou Separador de Feed
Imagem 9 - Layout de Posts para Capas com Títulos e Subtítulos
Imagem 10 - Layout de Post para Apresentação de Elemento de Equipa + Nome + Cargo
Imagem 11 - Layout de Post Carrossel para Apresentação de Parceria ou Elementos da Equipa + Nome + Cargo
Imagem 12 - Layout de Post Carrossel para Apresentação de Parceria ou Elementos da Equipa + Nome + Cargo
Imagem 13 - Layout de Post para Infográficos
Imagem 14 - Layout de Carrousel com Capa de Título + Iconografia + Descrição
Imagem 15 - Layout de Carrousel com Capa de Título + Iconografia + Descrição
Imagem 16 - Layout de Story para Títulos
Imagem 17 - Layout de Story para Títulos + Subtítulos
Imagem 18 - Layout de Story para Citações + Nome do Autor + Cargo
Imagem 19 - Layout de Story para Frase de Destaque + Descrição Complementar
Imagem 20 - Layout de Story para Tópico + Descriçãoo
Imagem 21 - Layout de Story para Descrição
Imagem 22 - Layout de Post para Apresentação de Elemento de Equipa + Nome + Cargo
Imagem 23 - Layout de Stories para Apresentação de Parceria ou Elementos da Equipa + Nome + Cargo
Imagem 28 - Layout Reel para Conteúdos relacionados com as Imersões
Imagem 29 - Layout Reel com Legendas
As legendas deverão ter sempre o mesmo estilo tal como apresentado no exemplo e deverão ser posicionadas estrategicamente de forma a preservar a legibilidade e o contraste.
Este separador contém exemplos de layouts fixos para o Instagram "Viva Nova Saúde". Qualquer tipo de informação a ser comunicada deverá ser adaptada aos diferentes layouts já criados. Embora neste manual, sejam apresentados vários layouts de posts individuais, estes poderão ser combinados de modo a criar um carrosel. Todos os Posts, Reels e Stories tem um cabeçalho com uma categoria referente aos vários tipos de informações a serem comunicadas.
5.2
Instagram "Katia Nakazone Ono"
Imagem 1 - Combinações de Cor
Nesta combinação de cor, para além do uso do azul escuro e branco, são usadas também 4 cores principais: Menta, Vermelho, Roxo e Amarelo. No caso do fundo ser uma das 4 cores principais, esta deverá ser combinada com a cor azul escura ou branca. Quando os fundos são brancos escuros, a informação deverá ser a azul escuro e para destacar elementos deverá ser usado uma das cores principais. Conteúdos sobrepostos a imagens deverão ter a cor azul escura ou branco.
Imagem 2 - Layout de Post para Títulos
Imagem 3 - Layout de Post para Títulos
Imagem 4 - Layout de Post para Títulos + Subtítulos
Imagem 5 - Layout de Post para Títulos + Subtítulos
Imagem 6 - Layout de Post para Citações + Nome do Autor + Cargo
Imagem 7 - Layout de Post para Frase de Destaque + Descrição complementar
Imagem 8 - Layout de Post para Tópico + Descrição
Imagem 9 - Layout de Post para Descrição + Post com link externo
Imagem 10 - Layout de Post para Recomendações com Título + Imagem + Título da Recomendação + Descrição
Imagem 11 - Layout de Post de Destaque com Lista de Tópicos
Imagem 12 - Layout de Post de Destaque com Frase + Ilustrações
Imagem 13 - Layout de Post de Destaque com Frase
Imagem 14 - Layout de Post para Infográficos
Imagem 15 - Layout de Story para Títulos
Imagem 16 - Layout de Story para Títulos
Imagem 17 - Layout de Story para Títulos + Subtítulos
Imagem 18 - Layout de Story para Títulos + Subtítulos
Imagem 19 - Layout de Story para Destaque + Descrição Complementar
Imagem 20 - Layout de Story para Citações + Nome do Autor + Cargo
Imagem 21 - Layout de Story para Tópico + Descrição
Imagem 22 - Layout de Story para Descrição
Imagem 23 - Layout de Story para Recomendações com Título + Imagem + Título da Recomendação + Descrição
Imagem 24 - Layout de Story de Destaque com Lista de Tópicos
Imagem 25 - Layout de Story de Destaque com Frase + Ilustrações
Imagem 30 - Layout Reel com Legendas
As legendas deverão ter sempre o mesmo estilo tal como apresentado no exemplo e deverão ser posicionadas estrategicamente de forma a preservar a legibilidade e o contraste.
Este separador contém exemplos de layouts fixos para o Instagram "Katia Nakazone Ono". Qualquer tipo de informação a ser comunicada deverá ser adaptada aos diferentes layouts já criados. Embora neste manual, sejam apresentados vários layouts de posts individuais, estes poderão ser combinados de modo a criar um carrosel. Todos os Posts, Reels e Stories tem um cabeçalho com uma categoria referente aos vários tipos de informações a serem comunicadas.
5.3
Podcast "Viva Nova Saúde"
Imagem 1 - Capa do Podcast no Spotify
Ainda por definir
5.4
Videocast "Viva Nova Saúde"
5.5
Posters & Banners
Imagem 1 - Posters Manifesto
Imagem 2 - Poster Manifesto
Imagem 3 - Posters Manifesto
Imagem 4 - Posters Propaganda da Nova Identidade
Imagem 5 - Posters Propaganda da Nova Identidade
5.6
Newsletter
Imagem 1 - Ainda por definir
Imagem 2 - Ainda por definir
Ainda por definir
Downloads
5.7
Template Base para Apresentações
Imagem 1 - Slide com Título da Apresentação
Imagem 2 - Slide com Título da Apresentação + Imagem
Imagem 3 - Slide com Índice
Imagem 4 - Slide Separador com Título do Tópico
Imagem 5 - Slide com Título + Texto
Imagem 6 - Slide com Título + Texto + Imagem
Imagem 7 - Slide com Título + Lista de Tópicos + Tópico e Imagem em Destaque
Imagem 8 - Slide com Título + Múltiplas Imagens com respectivas Descrições
Imagem 9 - Slide com Citação ou Frase de Destaque
Imagem 10 - Slide com Citação ou Frase de Destaque + Imagem
Imagem 11 - Slide com Infográfico de Níveis
Imagem 12 - Slide com Infográfico Circular
Imagem 13 - Slide com Infográficos de Barras
Imagem 14 - Slide com Título + Vídeo
Imagem 16 - Slide Final com Agradecimentos + Contactos
Imagem 16 - Slide Final com Imagem + Agradecimentos + Contactos
Este documento Template de Apresentação editável serve como base para a criação de qualquer apresentação simples da marca "Viva Nova Saúde". Quaisquer elementos gráficos tais como: infográficos ou outros slides com especifidades que não estão apresentadas neste manual, requerem o auxílio e a criação da equipa de design. O esquema de cores para este tipo de documentos consiste no uso das cores pertencentes à escala de cinzas combinado com apenas uma cor principal que poderá variar em todas as apresentações. No caso de ser necessário usar mais cores para apontamentos ou detalhes nos infográficos / ilustrações, poderão ser usadas outras cores principais e secundárias.
6.1
Website (Em Construção)
Imagem 1 - Layout Website (Em Construção) Desktop
Imagem 2 - Layout Website (Em Construção) iPad
Imagem 3 - Layout Website (Em Construção) Mobile
Imagem 4 - Layout Website (Em Construção) Desktop
Imagem 5 - Layout Website (Em Construção) iPad e Mobile
Downloads