Você está na página 1de 29

Manual de

Identidade
Visual
Visual Identity Guidelines
v. 01/2024
Evolução
constante
Desde 1993 estamos construindo a história da
Transformação Digital no Brasil, desenvolvendo
soluções digitais inovadoras e de alto impacto no
mercado. Aceleramos negócios com inteligência e
tecnologia!

Nascemos digitais e estamos em constante


evolução. Por isso, em 2022 reposicionamos
nossa marca. Estamos em fase de expansão,
com novas ofertas no portfólio e atuando em
novos mercados. A nova marca BRQ reflete essa
evolução e o nosso compromisso com a inovação.

Manual de Identidade BRQ 3


Logos Área de respiro
x
Nosso logo adotou a sobriedade, mas sem
deixar de ser BRQ: continuamos digitais, x
inovadores e tecnológicos. Traduzimos x x
tudo isso em uma identidade forte,
x
moderna e clean com o branco e o preto.

Aplicação
A primeira opção sempre será o branco –
Redução máxima
com a única exceção do fundo ser claro.
Nesse caso, usamos a versão preta. E
2cm / 50px
como tudo tem limite, apresentamos a
área de respiro e a redução máxima.

Baixe aqui 

Manual de Identidade BRQ 4


Logo com
parceiros e
clientes
O que seria da BRQ sem seus clientes e
parceiros? Quando nos unimos a eles,
nosso logo fica sempre posicionado à
esquerda. Uma linha separa os 2 logos.

Manual de Identidade BRQ 5


Manual de Identidade BRQ 6
ícone
Área de respiro
x

Usado para aplicações mais mínimas x3/4


do logo, como por exemplo, abas de x x
navegador e ícone de aplicativo.
x3/4

Manual de Identidade BRQ 7


Animação
Nosso DNA é digital, nosso propósito
é transformar e estamos evoluindo
constantemente. Nada melhor do que o
movimento para representar a BRQ. Essa
é a animação padrão de abertura do logo.

Baixe aqui 

Manual de Identidade BRQ 8


Laranja Preto
rgb(237, 139, 0) rgb(0, 0, 0)

Cores cmyk(0, 51, 100, 0)


#ed8b00
cmyk(35, 35, 35, 100)
#000000

A expressão da nossa essência. Na paleta


principal temos o laranja, que dá um Branco
toque de inovação e energia criativa, o
rgb(255, 255, 255)
branco, o preto e tons de cinza.
cmyk(0, 0, 0, 0)
#ffffff

Cinza Escuro Cinza


rgb(18, 19, 19) rgb(26, 28, 28)
cmyk(80, 69, 62, 87) cmyk(77, 66, 61, 81)
#121313 #1a1c1c

Manual de Identidade BRQ 9


proporções das
cores
Composições escuras
Laranja - nossos CTAs, destaques e
chamadas específicas para chamar a
atenção necessária.

Branco - principalmente para conjuntos de


textos tipográficos e demais elementos-
padrão.

Cinza - adiciona à composição e compõe a


textura de fundo dos layouts.

Manual de Identidade BRQ 10


proporções das
cores
Composições claras
Laranja - nossos CTAs, destaques e
chamadas específicas para chamar a
atenção necessária.

Preto - principalmente para conjuntos de


textos tipográficos e demais elementos-
padrão.

Branco - adiciona à composição e compõe


a textura de fundo dos layouts.

Manual de Identidade BRQ 11


proporções das
cores
Composições com fundo
laranja
Branco - nossos CTAs, destaques e
chamadas específicas para chamar a
atenção necessária.

Branco - principalmente para conjuntos de


textos tipográficos e demais elementos-
padrão.

Laranja - adiciona à composição e compõe


a textura de fundo dos layouts.

Manual de Identidade BRQ 12


Cores restritas
O gradiente azul e laranja deve ser usado apenas quando falamos de Inteligência
Artificial Generativa. Sem exceções.

Azul Laranja
rgb(0, 156, 222) rgb(237, 139, 0)
cmyk(85, 21, 0, 0) cmyk(0, 51, 100, 0)
#009cde #ed8b00

Manual de Identidade BRQ 14


O que fazer

Regras de
aplicação Aplicação do logo preto em
fundo claro.
Aplicação do logo branco em
fundo escuro.
Aplicação do logo como
composição da imagem.

Aqui temos os dos and don’ts


ao aplicar a marca BRQ.
O que NÃO fazer

Logo azul e laranja com Logo azul e laranja com Logo branco ou em outras Logo branco e laranja com
gradiente e assinatura. gradiente. cores com assinatura. assinatura.

Assinatura qualquer
OK
Logo com qualquer tipo de Elementos gráficos invadindo a Logo Think BRQ. Logo de outras cores que não
assinatura. área de respiro. branca ou preta.

Manual de Identidade BRQ 16


logos dos
programas da
BRQ
Possuímos diversos programas internos
e externos. A aplicação dos logos deve
seguir as mesmas diretrizes do logo da
BRQ. Em caso de dúvidas, mande um
e-mail para marketing@brq.com.

Manual de Identidade BRQ 17


Título: Open Sans Light

Tipografia
Tamanho: 80px / 96px (1,2x)

Família Tipográfica Open Sans


Accelerating businesses
Utilize Open Sans, com seus
Cabeçalho: Open Sans Light Cabeçalho: Open Sans Regular
diferentes pesos e estilos, para títulos, Tamanho: 56px / 61,6px (1,1x) Tamanho: 36px / 42px (1,2x)

apresentações, corpo da mensagem,


botões e massa de texto. Shape the Maximize sua eficiência na
gestão de Cloud
future. Now! Conjunto de texto menor: Open Sans Regular
Tamanho: 16px / 24px (1,5x)
Corpo de texto: Open Sans Regular
Tamanho: 21px / 35,7px (1,7x)
Ommodipsant dolo ipsaperro maionse quunt. Xerchil lectatis
ipsum laut qui soluptate sunt elendest provid magnatiatem fuga.
Light — Light Italic Nes ex etus estiunt, utem qui acepudam Inus. Antio te nobit voleste ad et optaerum faceperum ipsundunt
arum voluptatiae as.Icium faccusdaeria cus ditas nos ad quaeper
Regular — Regular Italic et latio optatiatio qui nossimus at pe porit
uptatinciis doluptat plab idis ipis plabo. Nem quam, cus el millaces
Semibold — Semibold Italic fugit maio. et, voloraesedit quamet ut que iusdamusam.

Bold — Bold Italic


Extra Bold — Extra Bold Italic
Baixe aqui 

Manual de Identidade BRQ 18


Título: Bebas Neue Pro Bold
Tamanho: 120px / 120px (1x)

WE ACCELERATE BUSINESSES
Tipografia
Logos dos Programas BRQ
FAMÍLIA TIPOGRÁFICA BEBAS NEUE Chamada: Bebas Neue Pro Bold
Tamanho: 100px / 100px (1x)

Prefira a Bebas Neue e seus diferentes


pesos e estilos para títulos e destaques.
SHAPING THE
NÃO use no site da BRQ.
FUTURE. NOW!
Descrição: Open Sans Regular
Tamanho: 36px / 50,4px (1,4x)

Ommodipsant dolo ipsaperro


maionse quunt. Xerchil lectatis
REGULAR ipsum laut qui soluptate sunt.

BE DIGITAL
BE THE EVOLUTION
BE BRQ Baixe aqui 

Manual de Identidade BRQ 19


Formas
As formas seguem o direcionamento do
logo, em estilo clean e moderno. Caixas com bordas levemente
arredondadas Selo “Shape the Future”

Seta Bolinhas Tech

Baixe aqui 

Manual de Identidade BRQ 20


Botões
O laranja é a cor dos nossos botões.
Seguindo os exemplos ao lado, utilize sem
moderação.

Acesse aqui 

Manual de Identidade BRQ 21


Logo como
grafismo color: #fff;
opacity: 0.2;
color: #ed8b00;
opacity: 0.2;
color: #121313;
opacity: 0.2;
Utilize nosso logo com transparência
como grafismo para enriquecer as
composições, conforme os exemplos ao
lado.

border-color: #fff; border-color: #ed8b00; border-color: #121313;


opacity: 0.2; opacity: 0.2; opacity: 0.2;

Baixe aqui 

Manual de Identidade BRQ 22


Texturas
Utilize também as texturas para
enriquecer suas composições. As texturas

NEW WAVES
não devem ter destaque nas peças; use Gradiente Lambe-lambe
como fundo ou elemento adicional.

NEW WAVES
NEW WAVES
Mesh Wave NEW WAVES
Outline Typography

NEW WAVES Baixe aqui 

Manual de Identidade BRQ 23


Fotografia
• Deve retratar nossa realidade digital e
anywhere office.

• Diversidade é uma premissa.

• O estilo deve ser despojado e moderno.

• Detalhes em laranja é uma boa prática


para fortalecer a identidade.

• Nunca utilize ilustrações prontas.

Bancos de imagens recomendados:


Ou acesse o nosso banco de imagens
Pexels Nappy clicando no botão abaixo.
Unsplash AllGo
Freepik Gender Spectrum
Acesse aqui 

Manual de Identidade BRQ 24


Pessoas Composições abstratas Celebração
Tags: diversidade, anywhere Tags: tech abstract, tech Tags: alegria, conquista,
office, otimista sculptures, digital canvas equipe unida

Sim: naturalidade, Sim: composições abstratas Sim: momentos de celebração,


descontração, dispositivos que evocam a agilidade, sorrisos autênticos, interação
digitais fluidez e dinamismo da equipe

Não: pose olhando para Não: imagens que não tenham Não: imagens de celebração
a câmera, traje social, relação com a tecnologia, forçada, poses artificiais, falta
dispositivos analógicos transformação digital ou de expressão
agilidade, fotos que pareçam
muito genéricas ou cotidianas

Surf Cultura Geek Inovação Tecnológica


Tags: dinâmico, adaptação, Tags: descontraído, curioso, Tags: vanguarda, inovação,
onda quebrando contemporâneo evolução

Sim: ondas se formando ou Sim: elementos da cultura Sim: imagens que destacam
no ápice, foco nas ondas geek, pessoas tecnologias de ponta, equipes
trabalhando em projetos
Não: onda que já quebrou, Não: imagem desfocada ou inovadores, protótipos,
destaque no mar, destaque no com pouca nitidez, foto com laboratórios tecnológicos
surfista/pessoas muitos elementos de fundo
Não: imagens obsoletas,
equipamentos desatualizados,
cenas comuns de escritório

Manual de Identidade BRQ 25


Iconografia
Ao lado, veja exemplos do pacote
de ícones que utilizamos. Sem
preenchimento, linhas com espessura fina
(cabendo o ajuste a depender do tamanho
de sua aplicação).

Baixe aqui 

Manual de Identidade BRQ 26


Modelo de
Apresentação
Ao lado, acesso ao modelo de
apresentação. Nele, ainda é possível
checar vários modelos de layouts
complexos com conjuntos de textos
maiores e apresentação de dados em
gráficos e listas.

Acesse aqui 

Manual de Identidade BRQ 27


Estruturas de
Layout
Siga a premissa “menos é mais”. Simples e Divisão horizontal: Divisão vertical: flexível Texto sobreposto com
elegante, conforme os exemplos ao lado e flexível ponto focal
a seguir.

Baixe aqui 

Manual de Identidade BRQ 28

Você também pode gostar