tipologia

Mais do que letras, a tipologia da marca é um componente fundamental da sua identidade visual e por isso deve ser usada em todos os materiais da brain4care. A tipologia tem a missão de fazer com que as pessoas identifiquem um material como nosso sem que a marca esteja presente.

Esse resultado é construído por meio do uso estruturado dos elementos de identidade contidos na tipologia:

fontes
hierarquias
espaçamentos e alinhamentos
cores
disciplina e coerência no uso desses elementos

criando hierarquia

o tamanho importa

Estabelecer uma hierarquia lógica e de fácil aplicação ajuda o público a absorver mais facilmente a informação. Detalhes como tamanho de corpo, espaçamento e outros você encontra abaixo.

Tamanho do corpo: estabeleça a hierarquia pelo tamanho do corpo da fonte. Títulos devem ser maiores que subtítulos e, assim, consecutivamente. Não deixe o corpo do texto muito pequeno, pois dificulta a leitura. Algumas observações importantes:

Espaçamento entrelinhas: para que, visualmente, seja confortável a leitura, sempre buscar a proporção de uma linha de texto de distância entrelinhas, na proporção do texto utilizado. Use a altura das letras minúsculas como base.

exemplo:

Espaçamento entrelinhas é a distância na proporção
Espaçamento entrelinhas é a distância na proporção
do tamanho de corpo usado. Espaçamento entrelinhas
do tamanho de corpo usado. Espaçamento entrelinhas
é a distância na proporção do tamanho de corpo usado.
é a distância na proporção do tamanho de corpo usado.

Destaques: nos subtítulos pode-se usar fonte regular. Para textos em geral, usar semibold ou sublinhar para destacar as palavras.

exemplo:

Quando for destacar algo no texto, sublinhe ou use semibold.

caixa-baixa

queremos nos aproximar

A forma como utilizamos a caixa-alta e baixa dita muito o tom de voz buscado. Em referência ao ensinamento do prof. Sergio Mascarenhas: “Para não nos esquecermos que o maior não está sempre em primeiro lugar”, definimos como regras:

Caixa-baixa: os títulos têm sempre a primeira letra em caixa-baixa.

Caixa-alta e baixa: em texto corrido, a utilização é baseada nas regras ortográficas brasileiras.

exemplo:

Corpo do texto com tamanho legível e seguindo as regras ortográficas. Erro maximi, od et parum quam, etus alit fugit hilit vid et eliquat ut eos aciis impost as exeribus del eumquun tibusti antiatus quia vendit et velestibus ut apicia parchic ature, quiam nonem quodit aut lame volupic tatiostrum exped qui debist facepre ssequae quo deliqui omniam que sam faceates mos aut ducium.

alinhamento

facilitando o dia a dia

O alinhamento ajuda a conferir unidade e conforto à leitura. À esquerda, ele permite mais flexibilidade de adaptações tanto em materiais impressos quanto digitais. Confira as regras:

Alinhamento à esquerda: isso evitará que o texto abra grandes espaços entre palavras e deixará a leitura mais confortável.

Bullets: recurso muito utilizado para facilitar o rápido acesso à informação. Priorizar textos curtos e foco nos pontos de destaque. Pontos importantes:

Inserção de texto em outros elementos: algumas situações podem acontecer quando o texto é inserido em um boxe, botões etc. As regras que se aplicam são:

Legendas: sempre abaixo das figuras e alinhadas à esquerda.

exemplo:

Legenda sempre abaixo das figuras
e alinhada à esquerda.

cores

nossa cor é plural

Cores transmitem sensações e sentimentos. Utilizar esse recurso com harmonia na comunicação trará muito mais vida e entendimento ao conteúdo.

Títulos: sempre utilizar o degradê oficial descrito na aba de cores, do azul principal (símbolo) ao verde principal (símbolo) e, preferencialmente, em fundo branco ou azul-escuro principal. Pode-se usar, como prioridade 2, os fundos cinza- -escuro secundário ou preto apoio. Em situações nas quais o uso do degradê não seja possível, pode substituir pelas cores principais: verde principal (símbolo), azul principal (símbolo) e azul-escuro principal. Em fundos escuros, como o azul-escuro principal e o cinza-escuro secundário, em que não haja a possibilidade das opções de cores para títulos acima ficarem legíveis, usar o título em branco. Saiba mais em Cores > As principais.

exemplo:

título em degradê

ou no verde principal.

Subtítulos: dê preferência ao azul-escuro principal descrito na aba de cores ou ao branco, dependendo da legibilidade em relação ao fundo.

exemplo:

Subtítulo no azul-escuro principal ou branco.

Texto corrido: priorize os tons de cinza da paleta oficial ou o branco, dependendo da melhor leitura em relação ao fundo. Em situações nas quais o texto corrido esteja em azul, usar o azul principal (símbolo).

exemplo:

Corpo do texto em cinza ou branco dependendo do contraste em relação ao fundo. Pode também usar o azul principal (símbolo) em textos corridos.

Textos prioritários: para texto importantes, temos duas cores principais de uso:

a. azul-escuro principal (prioridade 1):
Azul-escuro principal:
Pantone^© Reflex Blue C • C100 M89 Y0 K33 R1 G33 B105 • #012169

b. cinza-escuro secundário (prioridade 2):
Cinza-escuro secundário:
Pantone^© Cool Gray 10 C • C40 M30 Y20 K66 R82 G86 B94 • #52565E

Textos “expressivos”: para o fácil entendimento, cinco cores foram definidas para conteúdos que merecem foco do olhar:

a. atenção (prioridade 1): a cor amarelo-alerta expressão será usada.
Amarelo-alerta expressão:
Pantone^© 116 C • C0 M14 Y100 K0 • R255 G205 B0 • #FFCD00

b. atenção (prioridade 2): a cor laranja-atenção expressão será usada.
Laranja-atenção expressão:
Pantone^© 1505 C • C0 M62 Y100 K0 • R245 G130 B31 • #F5821F

c. perigo: a cor vermelho-perigo expressão será usada.
Vermelho-perigo expressão:
Pantone^© 1785 C • C0 M91 Y78 K0 • R239 G74 B75 • #EF4A4B

d. sucesso: a cor verde-sucesso expressão será usada.
Verde-sucesso expressão:
Pantone^© 367 C • C53 M4 Y100 K0 • R139 G191 B75 • #8BBF4B

e. confirmação: a cor verde-confirmação expressão será usada.
Verde-confirmação expressão:
Pantone^© 361 C • C77 M0 Y100 K0 • R67 G176 B42 • #43B02A

download

tipologia

Mais do que letras, a tipologia da marca é um componente fundamental da sua identidade visual e por isso deve ser usada em todos os materiais da brain4care. A tipologia tem a missão de fazer com que as pessoas identifiquem um material como nosso sem que a marca esteja presente.

criando hierarquia

o tamanho importa

Estabelecer uma hierarquia lógica e de fácil aplicação ajuda o público a absorver mais facilmente a informação. Detalhes como tamanho de corpo, espaçamento e outros você encontra abaixo.

exemplo:

exemplo:

caixa-baixa

queremos nos aproximar

A forma como utilizamos a caixa-alta e baixa dita muito o tom de voz buscado. Em referência ao ensinamento do prof. Sergio Mascarenhas: “Para não nos esquecermos que o maior não está sempre em primeiro lugar”, definimos como regras:

exemplo:

alinha­men­to

facilitando o dia a dia

O alinhamento ajuda a conferir unidade e conforto à leitura. À esquerda, ele permite mais flexibilidade de adaptações tanto em materiais impressos quanto digitais. Confira as regras:

exemplo:

cores

nossa cor é plural

Cores transmitem sensações e sentimentos. Utilizar esse recurso com harmonia na comunicação trará muito mais vida e entendimento ao conteúdo.

exemplo:

título em degradê

exemplo:

exemplo:

alinhamento