Diretrizes e Aplicações
Visual da Métricas Boss

Nesta página, você encontrará orientações sobre o uso correto do nosso logotipo, cores e tipografia. Nosso objetivo é garantir que parceiros e colaboradores externos utilizem a identidade visual da Métricas Boss de forma consistente e alinhada aos nossos padrões. Siga as diretrizes para manter a integridade e o impacto da nossa marca em seus projetos.

Logotipo da Métricas Boss

O logotipo da Métricas Boss tem duas variações: independente e monolítica. Essas variações mostram o quanto valorizamos nossa marca e nosso principal símbolo visual. O logotipo representa a singularidade da Métricas Boss de maneira positiva.

Ele transmite a ideia de crescimento e melhoria nos resultados, que é o que nossos clientes esperam do nosso trabalho.

Área de não interferência

O espaço livre ou área de não interferência é a área ao redor do nosso logotipo que deve ficar sem outros elementos gráficos, como títulos, texto, imagens e bordas dos materiais.

Esse espaço mínimo deve ser igual à altura da letra ‘M’ do logotipo.

Area de nao interferencia

Dimensões mínimas

O logotipo independente da Métricas Boss tem um tamanho mínimo: 86 pixels de largura para uso digital e 2,5 cm para impressos. Se usar o logotipo menor que esses tamanhos, ele pode perder a clareza e ficar difícil de ler.

Dimensões mínimas

Uso correto do logotipo

O uso consistente do logotipo Métricas Boss MB Branco ou MB Preto em nossa paleta de cores ajuda a criar reconhecimento da nossa marca e garante que o logotipo seja sempre claro e impactante.

  • O logotipo MB Preto deve ser usado apenas em fundo branco e em imagens onde ele fique claro e visível.


  • O logotipo MB Branco pode ser usado apenas em fundo preto e em imagens onde ele fique claro e visível.
Uso correto do logotipo

Uso incorreto do logotipo

Não faça isso

Atenção necessária nas
aplicações de nosso logotipo

Para manter nossa marca saudável e respeitada, é importante seguir algumas boas práticas na aplicação do nosso logotipo.

Seguir essas boas práticas ajuda a proteger e fortalecer nossa marca, mantendo seu valor e reconhecimento.

Aqui estão algumas orientações essenciais:

Cores primárias

Preto e Branco

As cores principais da identidade visual serão preto e branco.

Preto
Hex: #0B0B0B
C: 30% | M: 10% | Y: 10% | K: 100%
RGB: 0, 0, 0,
Branco
Hex: #F6F6F6
C: 83% | M: 73% | Y: 62% | K: 91%
RGB: 126,246,246

Cor de destaque

Laranja

As cores principais da identidade visual serão preto e branco.

Laranja
Hex: #F47340
C: 0% | M: 53% | Y: 74% | K: 4%
RGB: 244, 115, 64

A regra de
proporção 60,30,10

A regra do 60, 30 e 10 é usada para criar uma proporção de escala de cores em nossa identidade visual.

  • 60% é a cor predominante, que terá mais presença dentro das interfaces e peças. sendo somente as cores MB Preto ou Branco.

  • 30% é a cor de contraste, que servirá para contrastar com a cor predominante e trazer harmonia. Logo, sempre será o oposto da predominante, sendo somente as cores MB Preto ou Branco.
  • 10% é a cor de destaque, sendo direcionada aos elementos que merecem destaque, como botões, links e ícones, sendo somente a cor MB Laranja.

Aplicações corretas
das cores

A névoa matinal envolveu a cidade,
 camuflando os contornos familiares.
Texto de destaque laranja, sobre o fundo branco e cores neutras MB 100 à 400.
Texto aqui
Elementos de destaque laranja sobre o fundo Branco e cores neutras.
A névoa matinal envolveu a cidade,
 camuflando os contornos familiares.
Texto de destaque laranja, sobre o fundo preto e cores neutras.
Texto aqui
Elementos de destaque laranja sobre o fundo preto e cores neutras.
Texto aqui
Texto brancos sobre botões na cor laranja.

Aplicações incorretas

Não faça isso

A névoa matinal envolveu a cidade,
 camuflando os contornos familiares.
Não utilizar a cor laranja para texto compridos, a cor laranja deve sempre ser para destacar.

Texto aqui
Não utilizar laranja sobre cor que não seja: preto, branco e cores neutras
A névoa matinal envolveu a cidade,
 camuflando os contornos familiares.
Não utilizar a cor laranja de forma que desrespeite a regra 60,30,10.
Não utilizar a cor laranja em degradê.
Texto aqui
Não utilizar textos na cor preta em botões na cor laranja.

Família tipográfica

Aplicações corretas
de textos

A névoa matinal envolveu a cidade
Utilize a fonte Sora para títulos, sub títulos e manchetes.
A névoa matinal envolveu a cidade, camuflando os contornos familiares e transformando as ruas em um labirinto etéreo.
Utilize a fonte Inter para descrição, corpo do texto e frases de chamariz (CTAs).
A névoa matinal envolveu a cidade, camuflando
A névoa matinal envolveu a cidade, camuflando os contornos familiares e transformando as ruas em um labirinto etéreo.
Utilize o espaçamento entre letras em 0% e o espaço entre linhas 130%.
A névoa matinal envolveu a cidade
A névoa matinal envolveu a cidade, camuflando os contornos familiares e transformando as ruas em um labirinto etéreo.
Utilize peso de fonte Regular(400) e Bold(700), para destacar textos, na fonte Sora e Inter.

Aplicações incorretas

Não faça isso

A névoa matinal envolveu a cidade, camuflando os contornos familiares e transformando as ruas em um labirinto etéreo.
Não utilize a tipografia muito pequena dificultando a leitura.
 O tamanho mínimo permitido é 9px.
A névoa matinal envolveu a cidade, camuflando os contornos familiares e transformando as ruas em um labirinto etéreo.
Não utilize o corpo de texto, todo ele em maiúsculo.
Lorem Ipsum
Lorem Ipsum
Não altere o espaço entre letras e entre linhas.
Lorem ipsum
dolor sit
amet,
Não utilize fontes que não estão listadas no manual.
A névoa matinal envolveu a cidade, camuflando os contornos familiares e transformando as ruascontornos familiares e transformando as ruas
Não utilize corpo de texto extenso alinhado a direita.
A névoa matinal envolveu a cidade
Não utilize fonte Inter para títulos, sub títulos e manchetes.
A névoa matinal envolveu a cidade, camuflando os contornos familiares e transformando as ruas em um labirinto etéreo. A névoa matinal envolveu a cidade, camuflando os contornos.
Não utilize fonte Sora para descrição, corpo do texto e frases de chamariz (CTAs).

Métricas Boss LTDA – 24.447.612/0001-95

Política de Privacidade | Termos e Condições de Uso da MB Prime

Copyright 2023 – Todos os direitos reservados