1. Essência da Marca
Esta seção define o núcleo da identidade Dermater. O posicionamento, tom de comunicação e pilares visuais são fundamentais para guiar todas as expressões da marca, assegurando consistência e alinhamento com seus valores de sofisticação, ciência e alta performance.
Origem do Nome
O nome "Dermater" deriva da junção das palavras "Dermatologia" e "Terapia", refletindo a expertise científica no cuidado com a pele e a abordagem de tratamento e bem-estar que a marca oferece.
Posicionamento
Dermocosmético premium, científico e de alta performance, com apelo clínico, mas sensorialmente sofisticado.
Tom da Comunicação
Preciso, confiável, técnico, minimalista e elegante.
Slogan
“Dermater. Ciência que transforma sua pele.”
Tagline
“Dermocosméticos de alta performance, com respaldo científico.”
Pilares Visuais
- Dermatologia avançada
- Tecnologia de resultados
- Beleza natural e cuidado com a pele
- Design limpo, sofisticado e atemporal
2. Logotipo
O logotipo Dermater é a assinatura visual principal da marca. Sua construção tipográfica foi cuidadosamente pensada para comunicar os valores centrais da marca: a fusão entre ciência dermatológica e a força de resultados confiáveis. Abaixo, detalhamos sua estrutura e o significado por trás de sua composição.
Construção Tipográfica
DERMA → Montserrat Medium (500)
TER → Montserrat Bold (700)
Tradução da Composição
- Leveza e precisão na parte científica (“DERMA”)
- Força, confiança e estabilidade na assinatura da marca (“TER”)
3. Paleta de Cores Oficial
A paleta de cores Dermater foi selecionada para transmitir sofisticação, confiança e uma conexão com a ciência e a natureza. Cada cor tem uma função específica, contribuindo para uma identidade visual coesa e elegante. Utilize esta seção para consultar os códigos HEX e entender o papel de cada tom.
Azul Profundo Dermater
#356064
Principal (logo, títulos)
Branco Neve
#FFFFFF
Fundo primário, pureza
Cinza Azulado Claro
#D9E1E2
Fundo secundário, cards
Azul Claro Técnico
#4F99C0
Detalhes técnicos, ícones
Verde Calmante
#95BFB9
Bem-estar, naturalidade
Verde Natural Premium
#7CA89A
Destaques orgânicos
Dourado Neutro
#C1B29F
Detalhes premium sutis
Distribuição Conceitual da Paleta
Este gráfico ilustra uma divisão conceitual da paleta, por exemplo, entre cores estruturais/principais e cores de acento/funcionais, para demonstrar o equilíbrio da paleta.
4. Tipografia Oficial
A tipografia Dermater é composta pelas fontes Montserrat e Open Sans, escolhidas por sua elegância, legibilidade e versatilidade. Elas trabalham em conjunto para criar uma hierarquia visual clara e comunicar a mensagem da marca com precisão e sofisticação. Explore abaixo os usos específicos e pesos de cada fonte.
Logo
Fonte: Montserrat | Peso: Medium (500) + Bold (700)
Característica: Geométrica, elegante, moderna
Títulos Principais
Fonte: Montserrat | Peso: Bold (700)
Característica: Força, clareza visual, contraste técnico
Este é um Título Principal
Subtítulos
Fonte: Montserrat | Peso: Medium (500)
Característica: Leve, limpo, equilibrado
Este é um Subtítulo
Texto Corrido
Fonte: Open Sans | Peso: Regular (400)
Característica: Legibilidade superior, neutra e versátil
Este é um exemplo de texto corrido, utilizado para parágrafos e descrições mais longas, garantindo uma leitura agradável.
Destaques Técnicos
Fonte: Open Sans | Peso: Semibold (600)
Característica: Ênfase em bullet points, boxes ou callouts
Informação técnica importante ou um callout relevante.
5. Aplicações da Marca
Esta seção detalha como a identidade visual Dermater deve ser aplicada em diferentes contextos, desde embalagens de produtos até materiais digitais e científicos. O objetivo é manter a consistência e o reconhecimento da marca em todos os pontos de contato. Clique nos itens abaixo para expandir e ver as diretrizes específicas.
- Fundo branco predominante.
- Logotipo em Azul Dermater (#356064) ou em dourado discreto (#C1B29F) em versões premium.
- Uso de linhas finas ou divisores em dourado, verde natural ou cinza azulado.
- Elementos técnicos (como ativos ou benefícios) destacados em Azul Técnico (#4F99C0).
- Fundo claro predominante.
- Botões e call-to-actions (CTAs) em Azul Técnico (#4F99C0) ou Verde Natural (#7CA89A).
- Área de conteúdo técnico em fundo Cinza Azulado Claro (#D9E1E2), para gerar contraste suave.
- Cabeçalhos fortes em Montserrat Bold na cor Azul Dermater (#356064).
- Texto corrido em Open Sans Regular em preto ou cinza escuro.
- Caixas de destaques técnicos em Cinza Azulado Claro (#D9E1E2) ou Verde Calmante (#95BFB9).
7. Hierarquia Visual (Exemplo)
Uma hierarquia visual clara é crucial para a legibilidade e o impacto da comunicação. Esta seção demonstra um exemplo de como os diferentes níveis de texto devem ser formatados, combinando as fontes e cores da marca para criar uma estrutura coesa e fácil de seguir. Observe como cada elemento contribui para a organização da informação.
H1 - Título de Seção
Título de Seção Principal
H2 - Subtítulo
Subtítulo Importante
Body - Texto Principal
Este é o texto principal para parágrafos de conteúdo. Ele utiliza Open Sans Regular para máxima legibilidade e conforto visual, mantendo um tom neutro e profissional.
Callout - Destaque Técnico
Callout: Destaque para informações sobre ingredientes naturais ou benefícios específicos.
Detalhe - Linhas, Divisores, Selos
Selo de Qualidade | Linha Fina
8. Versões do Logotipo
Para garantir a flexibilidade e a correta aplicação do logotipo Dermater em diversas mídias e fundos, diferentes versões foram criadas. É essencial escolher a versão mais adequada para manter a legibilidade e o impacto visual da marca. Abaixo apresentamos as principais variações e suas recomendações de uso.
Principal
Azul Dermater sobre fundo branco.
Secundária
Branco sobre fundo Azul Dermater.
Premium (Opção 1)
Dourado sobre fundo branco.
Premium (Opção 2)
Dourado sobre fundo preto.
Monocromática (Preto)
Preto 100% sobre fundo claro.
Monocromática (Branco)
Branco puro sobre fundo escuro.
9. Regras de Uso
Para manter a integridade e o reconhecimento da marca Dermater, é vital seguir algumas regras básicas de aplicação do logotipo. Estas diretrizes garantem que o logotipo seja sempre apresentado de forma clara, legível e impactante. Consulte as permissões e restrições abaixo para um uso correto.
Fundo do Logotipo
✅ Permitido: Sempre sobre fundo branco ou fundos claros da paleta que garantam contraste.
❌ Não permitido: Sobre fundos poluídos, com texturas complexas ou cores que comprometam a legibilidade.
Legibilidade
✅ Permitido: Garantir contraste suficiente entre o logotipo e o fundo.
❌ Não permitido: Aplicar sobre fundos com baixo contraste ou que dificultem a leitura.
Espaçamento Mínimo (Área de Proteção)
✅ Permitido: Manter uma margem de respiro ao redor do logotipo, no mínimo equivalente à altura da letra "D" maiúscula do logo.
❌ Não permitido: Aproximação excessiva de outros elementos gráficos, textos ou bordas da peça.
Integridade do Logotipo
✅ Permitido: Usar as versões oficiais do logotipo sem alterações.
❌ Não permitido: Distorcer, rotacionar, adicionar efeitos, mudar cores fora da paleta ou alterar a proporção dos elementos do logotipo.
10. Mockups (Sugestão Visual)
Esta seção oferece sugestões de como a identidade visual Dermater pode ser traduzida em aplicações práticas, como embalagens, plataformas de e-commerce e materiais científicos. Estas são diretrizes para inspirar a criação de peças que reflitam a sofisticação e o rigor científico da marca.
Aplicações Recomendadas:
Embalagens de Produto:
- Design clean com fundo branco predominante.
- Logotipo em Azul Dermater (#356064) ou em dourado discreto (#C1B29F) em versões premium.
- Uso de linhas finas ou divisores em dourado, verde natural ou cinza azulado.
- Elementos técnicos (como ativos ou benefícios) destacados em Azul Técnico (#4F99C0) para clareza.
E-commerce e Materiais Digitais:
- Interface com grid claro e amplo uso de espaço em branco para respiro visual.
- Botões e Call-to-Actions (CTAs) em Azul Técnico (#4F99C0) ou Verde Natural (#7CA89A).
- Área de conteúdo técnico em fundo Cinza Azulado Claro (#D9E1E2) para gerar contraste suave e destacar informações importantes.
Material Técnico e Científico:
- Cabeçalhos fortes em Montserrat Bold na cor Azul Dermater (#356064).
- Texto corrido em Open Sans Regular (400) em preto ou cinza escuro.
- Caixas de destaques técnicos em Cinza Azulado Claro (#D9E1E2) ou Verde Calmante (#95BFB9).
11. Conclusão
A identidade visual Dermater, conforme detalhada neste Brand Book, foi concebida para comunicar os valores essenciais da marca: ciência, performance, sofisticação e cuidado. Ao seguir estas diretrizes, garantimos uma apresentação coesa e impactante em todos os pontos de contato.
A Identidade Visual Proposta Entrega:
- Sofisticação sem ostentação.
- Aspecto técnico com leveza e credibilidade.
- Coerência com marcas internacionais de alta performance dermatológica.
- Flexibilidade total para produtos, digital e materiais científicos.
A aplicação consistente destes elementos é fundamental para construir e fortalecer a percepção da marca Dermater no mercado.