Você está na página 1de 49

Brandbook

O logo e seus usos


Variações de logo Cuidados de aplicação

Cobranding
O logo e seus usos
Variações de logo Cuidados de aplicação Cobranding

Logo Linx Franquias


Versões

Apresentamos as duas versões do logo Linx


Franquias.

POSITIVO - é a versão de uso prioritário do logo,


pensada para ser aplicada em fundos claros que
preservem a leitura tanto do ícone, quanto do
lettering Linx Franquias.

NEGATIVO - versão criada para ser escolhida


sempre que existir a necessidade de aplicar o logo
em fundos escuros.
O logo e seus usos
Variações de logo Cuidados de aplicação Cobranding

Margem de segurança
Cuidados na aplicação
Margem de segurança e redução máxima

Esses cuidados existem para garantir a integridade


do logo em todas as suas aplicações.

Margem de segurança
Uma margem mínima deve ser considerada sempre
em torno do logo para garantir que não exista
interferência na visualização da sua forma. Ela é
construída a partir da altura das letras “n” e “x”
contidas no lettering do logo.
Redução máxima
Redução máxima
Sem mistérios aqui: esse é o tamanho mínimo que
o logo pode ter em aplicações para que a leitura
continue sendo possível por seres humanos, e não
só por formigas e microscópios. 10 mm
40 px
O logo e seus usos
Variações de logo Cuidados de aplicação Cobranding

Cobranding Alinhamento horizontal


Convívio entre marcas

dhom
TM

Quando a marca Linx Franquias for aparecer junto a


X X
outras marcas, precisa respeitar algumas regrinhas
de convivência para evitar maior a competição visual
entre as duas.

Quando elas conviverem em um mesmo layout, tanto Alinhamento vertical


em alinhamentos horizontais quanto verticais, a
altura da marca Linx Franquias é usada como
referência para determinar a altura da segunda
marca.
X

Além disso, o espaçamento é definido pela altura das X


letras "n" e "x" da marca.

dhom
TM
Elementos básicos
de identidade visual
Cores Tipografia
Elementos básicos da marca
. Cores Tipografia

R110 G75 B135 Cor 1 do degradê


C70 M80 Y20 K5
HEX #6E4B87
Cores secundárias Cores secundárias
Amarelos, laranjas e degradê quente Azuis e degradê

Cor primária Cinzas e brancos ajudam a aliviar


Roxo Linx e variações
o peso visual dos roxos e laranjas.
Cor 1 do degradê Cor 1 do degradê
R65 G30 B90 R255 G185 B20 R99 G195 B209
C85 M100 Y30 K25 C0 M30 Y100 K0 C60 M0 Y20 K0
HEX #411E5A HEX #FFB200 HEX #63C3D1

Cor 2 do degradê
Não usar em mapa de degradê sobre foto

R82 G159 B170


RGB 220 160 20 C60 M0 Y20 K25
HEX #DCA014 HEX #529FAA

Cor 2 do degradê
R240 G70 B45 R61 G121 B129
C0 M90 Y90 K0 C60 M0 Y20 K50
HEX #F0462D HEX #3D7981

1159,924 px
Cor 2 do degradê
Cor 3 do degradê R34 G77 B82
R40 G10 B60
RGB 210 60 40 C60 M0 Y20 K75
C90 M100 Y40 K55
HEX #D23C28 HEX #224D52
HEX #280A3C

R65 G65 B65


C0 M0 Y0 K90
HEX #414141
Elementos básicos da marca
. Cores Tipografia

Tipografia

AaAa
As fontes da marca
Dosis AaBbCcDdEeFf
GgHhIiJjKkLlMm
A tipografia não só apoia os conteúdos em texto
como ajuda a entregar o impacto visual que
NnOoPpQqRrSs
TtUuVvWwXxZz buscamos.
01234567890
@!?/(){}[];:,. Chamadas
Para chamadas, títulos e frases de grande destaque
usamos a Dosis nos pesos Regular e Bold.

AaAaAa
Textos corridos

Roboto
Usamos a Roboto nos pesos Light, Regular e Bold
AaBbCcDdEeFf para parágrafos mais extensos e blocos de texto em
GgHhIiJjKkLlMm geral.
NnOoPpQqRrSs
TtUuVvWwXxZz E quando não dá?
01234567890 A Dosis é uma fonte universal, mas a Roboto é uma
@!?/(){}[];:,. Google Font - o que pode ser um problema a
depender da interface ou sistema operacional.
Quando não for possível usar a Roboto, a substituta
é a Arial Nova.
Universo fotográfico
Diretrizes e recomendações Aplicação de filtros
Universo fotográfico
. Diretrizes e recomendações Aplicação de filtros

Universo fotográfico
Diretrizes gerais

Em fotos da marca priorizamos pessoas, sorrisos,


mãos e demais aspectos que personifiquem os
assuntos de que tratamos.

Quando não for possível, as cenas sem pessoas devem


parecer o mais naturais possível, evitando fotos de
estúdio ascéticas com fundos brancos planejados.

Como nossa atuação é muito ampla e abrange


muitos públicos, temos poucas restrições sobre o
perfil das pessoas representadas, mas fazemos
recomendações que devem ser consideradas caso a
caso.

Nas próximas páginas vamos entender cada uma.


Universo fotográfico
. Diretrizes e recomendações Aplicação de filtros

Universo fotográfico
Recomendações

Diversidade
Valorizamos a diversidade de pessoas, buscando
representar gente com espírito jovem - independente
da idade - que estaria disposta a interagir com
soluções tecnológicas, gadgets, wearables...

A vida como ela é


O mundo não é simétrico, então não nos importamos
com objetos sobre superfícies, roupas amassadas,
enquadramentos não ortogonais. Priorizamos cenas
que pareçam capturadas em um dia qualquer.

Experiência de compra
Na maior parte das vezes representamos o consumidor
final. E aí é preferível que estejam fazendo compras,
tanto online quanto em lojas físicas.
Universo fotográfico
. Diretrizes e recomendações Aplicação de filtros

Universo fotográfico
Possibilidades de aplicação
A foto vem
com tudo!
Além de transmitir os sentimentos que queremos,
Foto simples O conteúdo segue próximo,
as fotos ajudam a padronizar a linguagem visual da mas não sobre a imagem.
marca. Por isso, quando tratadas devem seguir o São composições com
mais peso emocional.
padrão Linx.

E aí existem duas formas como essas fotografias


podem aparecer em uma composição:

Fotos simples: Quando o destaque é a imagem


e queremos causar impacto, trazemos fotos sem
grandes edições. Vale colorir de roxo um ou outro
elemento da imagem para remeter à Linx.
Foto com filtro Em layouts assim, as fotos atuam
como mero fundo para os textos.
Fotos com filtro: Sempre que os textos aparecerem
em cima das fotos, elas devem receber um gradient
map no nosso roxo ou laranja. Nesse caso, essas
imagens passam a servir como suporte para o
conteúdo.
Universo fotográfico
. Diretrizes e recomendações Aplicação de filtros

Fotos com filtro


Como tratar?
BAIXAR ARQUIVO DE GRADIENT MAP

O nosso filtro é o gradient map ou mapa de degradê.


Para reproduzir o efeito, o Photoshop é seu amigo. ;)

#F0462D #FFB914
Tom mais escuro Tom mais claro

Você clica nessa opção.

A cor escolhida para um dos extremos do degradê


é a cor que vai substituir todos os pretos da imagem.
A outra cor substitui todos os brancos.

Cada um dos gradient maps têm códigos específicos


que deverão ficar em cada uma das extremidades,
#280A3C #6E4B87
tirados da nossa paleta cromática. Tom mais escuro Tom mais claro
Universo fotográfico
. Diretrizes e recomendações Aplicação de filtros

Teste de leitura Fotos com filtro


Opacidade 100% Como tratar?

Gradient map com transparência


É importante perceber que nem sempre a imagem
com gradient map vai dar uma boa leitura ao
conteúdo que vem por cima. Para isso, temos outro
Teste de leitura artifício!
Opacidade 60% Nesses casos a foto com filtro pode ser aplicada
com transparência por cima de um fundo sólido
ou com degradê. E aí cabem testes, caso a caso,
para buscarmos sempre um meio-termo entre a
leitura de conteúdo e a visualização da foto.

Teste de leitura

Opacidade 15%
Universo fotográfico
. Diretrizes e recomendações Aplicação de filtros

Fotos com filtro


Como não tratar?
Escala de cinza com transparência sobre roxo Não faça!

Gradient map x Escala de cinza sobre roxo


Existem diferenças visuais entre Caso 1 - Fotos em
escala de cinza, aplicadas com transparência sobre
um fundo colorido; Caso 2 - Fotos em escala de
cinza, aplicadas com overlay ou multiply sobre um
fundo colorido e Caso 3 - Fotos tratadas com
gradient map nas cores da marca.

Escala de cinza com overlay sobre roxo Não faça!


O caso 3 é o que usamos na marca Linx. Os casos 1
e 2 não devem ser usados em nenhuma circunstância.

Gradient map Faça!


Universo iconográfico
Hierarquia de iconografia
Universo iconográfico
. Hierarquia de iconografia

Hierarquia de iconografia Ilustrações


Os três níveis e seus contextos
Devem ser usadas com cautela para dar
grandes destaques. Sempre aparecem
em dimensões maiores.
O universo iconográfico da Linx tem três níveis:
ilustrações, branded icons e ícones funcionais.

Cada um tem seu contexto de uso. Em materiais Branded icons


comerciais e publicitários, os ícones funcionais têm
que ser totalmente ignorados, já que são exclusivos Usados para bullet points ou identificar
para interfaces. assuntos em sites, slides, impressos, etc.
Também identificam segmentos atendidos.
Já ilustrações e branded icons podem aparecer
juntos na mesma composição - basta respeitar as
regras de aplicação que estão aí do lado:
Ícones funcionais

Usados para sinalizar ações em interfaces.


Só para interfaces! As formas simples sem
cores ou degradês facilita a redução em UIs.
Diretrizes para ambientes
Ilustrações Adesivagem

Sinalização Fachadas
Diretrizes para ambientes
. Ilustrações Adesivagem Sinalizações Fachadas

Diretrizes para ambientes


Propósito

Nossos espaços foram projetados para acolher a


diversidade e a inovação, por isso devem sempre
inspirar modernindade e dinamismo mesclando
identidades e sensações.

Do mesmo modo que é possível criar uma forte


interação com as instalações, também é fácil
promover o engajamento com os aspectos da
arquitetura, promovendo o sentimento de
pertencimento e reforçando a mensagem de marca
empregadora.

Dessa forma criamos ambientes nos quais os


colaboradores querem estar, tornando a Linx um lugar
onde as pessoas querem trabalhar.
Diretrizes para ambientes
. Ilustrações Adesivagem Sinalizações Fachadas

Diretrizes para ambientes


Ilustrações

As ilustrações devem seguir sempre um estilo


irreverente e descompromissado para transmitir uma
sensação de leveza e descontração.

Elementos vintages, cultura pop/geek em estilo


halftone são as premissas que devem permear nas
ilustrações que dão vida às nossas paredes.
Diretrizes para ambientes
. Ilustrações Adesivagem Sinalizações Fachadas

Diretrizes para ambientes


Adesivagem

As paredes adesivadas devem inspirar e reforçar


mensagens que a empresa queira passar aos
colaboradores, como por exemplo os valores da
Cultura Linx ou o nosso Propósito.

Nos ambientes predominantemente neutros, as cores


vibrantes (paleta Linx) ganham destaque e levantam o
astral.

As luzes podem ser utilizadas para criar combinações


de cores alegres e criar diferentes moods para o
ambiente.
Diretrizes para ambientes
. Ilustrações Adesivagem Sinalizações Fachadas

Diretrizes para ambientes


Sinalização

A sinalização deve seguir os preceitos já praticados


em outros ambientes da Linx seguindo as orientações
do manual de marca.

Estrutura
Existe uma estrutura básica e flexível para a
construção da placa de sinalização.

Personalização
Pode ser incluído logos e ilustrações para compor a
temática da sinalização.
Diretrizes para ambientes
. Ilustrações Adesivagem Sinalizações Fachadas

Diretrizes para ambientes


Fachada

A aplicação do logo para identificação da fachada mantém


as mesmas regras de aplicação dos demais materiais,
devemos sempre utilizar a letra "N" como referência de
espaço de reserva do logo.

Aplicação negativa em
A apresentação do logo de forma positiva e negativa vai parede de recepção.

ser direicionada pelo estilo da parede na qual será


aplicado, além disso existe a possibilidade de ser projetado
com luz por trás do logo, placas acrílicas adesivadas,
recorte “3D” em madeira pintada, essas indicações podem
ser selecionada para a melhor leitura em paredes pintadas,
grafitadas, com texturas e etc., mas sempre buscando
manter a integridade da leitura do logo. Levando sempre
em consideração a escolha das cores para privilegiar a
melhor aplicação.

Nas próximas páginas veremos alguns exemplos de boas


práticas, como também exemplos de aplicações que não Aplicação negativa em
balcão de recepção.
são permitidas.
Diretrizes para ambientes
. Ilustrações Adesivagem Sinalizações Fachadas

Aplicação negativa com luz em parede


Aplicação negativa em parede de recepção com pintura colorida.
de recepção com textura.

Aplicação positiva em parede Aplicação positiva com adesivação em placa acrílica


de recepção com textura. leitosa em parede de recepção com pintura colorida.
Diretrizes para ambientes
. Ilustrações Adesivagem Sinalizações Fachadas

Diretrizes para ambientes


Fachadas - Convivência

Para Franquias Não Exclusivas as regras se mantém as


mesmas, mas temos indicações de aplicação do logo Linx
Franquias em convivência com as marcas parceiras.

A aplicação deve ser prioritariamente horizontal e com


slash e separando as duas marcas e seguindo as regras de
aplicação de ambas.

Na impossibilidade de ser horizontal devemos manter a


regra de distanciamento entre os logos.
Diretrizes para ambientes
. Ilustrações Adesivagem Sinalizações Fachadas

Diretrizes para ambientes


Fachada - Aplicações proibidas

ATENÇÃO - Veremos a seguir exemplos que não devem


ser aplicados na ambientação da sua franquia em relação
a aplicação do Logo Linx Franquias.

Lembrando que todas as práticas de uso do logo padrão


Linx devem sempre ser levadas em consideração para
aplicação de qualquer material.

PROIBIDO - Aplicar em fundos coloridos que não


promovem a leitura do logo.
Diretrizes para ambientes
. Ilustrações Adesivagem Sinalizações Fachadas

Diretrizes para ambientes


Fachada - Aplicações proibidas

PROIBIDO - Aplicar o logo rotacionado, somente o


lettering Linx sem o símbolo, ou apenas o símbolo.

Aplicar sem considerar o espaçamento correto da marca,


ou em espaços que tenham interferências que não
permitam a visualização total da marca.
Grids de layouts
E-mail marketing Flyer Folder

Camiseta Redes sociais


Grids de layouts
E-mail marketing Flyer Folder Camiseta Redes sociais

Grids
Grids prontos para o uso

O grid é um princípio organizador no design, ele


subdivide uma superfície bidimensional em áreas
menores, ou subdivide um espaço tridimensional em
volumes menores.

As áreas resultantes (módulos) podem ser idênticas


ou diferentes, maiores ou menores, e através desta
subdivisão consegue-se ordenar e posicionar melhor
os elementos integrantes de um layout como textos,
imagens, ilustrações e cores. Estes elementos são
adaptados ao tamanho dos módulos encaixando
perfeitamente nas suas medidas.
Grids de layouts
E-mail marketing Flyer Folder Camiseta Redes sociais

Grids de layouts Conteúdo

E-mail marketing 1. Cabeçalho


Tagline do produto ou suíte

Título sobre produto ou suíte


O e-mail marketing é utilizado para ações que geram 2. Introdução
conversão (vendas). do conteúdo Texto sobre produto ou suíte

Estrutura
Estrutura
Existe uma estrutura básica e flexível de 5 blocos de Básica
conteúdo para a construção do e-mail marketing. 3. Benefícios
Título do benefício
Conteúdo do benefício

Formas orgânicas
Os blocos de conteúdos são divididos por formas Texto que gera conversão
4. Conversão
orgânicas inspiradas no site.

CTA (Call To Action)


5. Rodapé
O e-mail marketing tem 2 CTAs que servem para gerar
a conversão de um lead. O posicionamento dos CTAs
deve ser o seguinte, um no topo e outro no final. Os 50px margem 50px

CTAs devem ser o único ponto de conversão do lead.


Grids de layouts
E-mail marketing Flyer Folder Camiseta Redes sociais

Grids de layouts
Flyer 1. Logo Linx
ou Unidade
de Negócio

Background com Gradient Map


Flyer é um material impresso com textos curtos,
dinâmicos e não possuem dobras.
Estrutura 2. Logo do
Formato Básica Produto ou
(Frente) Suíte
O Flyer é construído no formato A5.

Estrutura
Existe uma estrutura básica de 3 blocos de conteúdo
para a construção do flyer. Na frente contém um 3. Tagline
background com a imagem referente ao tema e no do Produto
ou Suíte
verso background cinza.

Áreas de contato margem de 1 cm


Existe duas opções para conversão do lead, o QR
code e o link da página do produto/suíte, tudo para
facilitar a conversão do lead.
Grids de layouts
E-mail marketing Flyer Folder Camiseta Redes sociais

Grids de layouts Frase de impacto sobre a


Flyer 1. Introdução
ao Produto
proposta do produto ou suíte

ou Suíte

Texto resumido sobre a proposta


do produto ou suíte
Flyer é um material impresso com textos curtos,
dinâmicos e não possuem dobras. Background cinza

Estrutura 2. Benefícios
Formato Básica do Produto
(Verso) ou Suíte
O Flyer é construído no formato A5. Título do benefício

Texto sobre o benefício

Estrutura
Existe uma estrutura básica de 3 blocos de conteúdo
para a construção do flyer. Na frente contém um
3. Área para QR Code para o formulário
background com a imagem referente ao tema e no
contato
Link para o formulário
verso background cinza.

Áreas de contato margem de 1 cm


Existe duas opções para conversão do lead, o QR
code e o link da página do produto/suíte, tudo para
facilitar a conversão do lead.
Grids de layouts
E-mail marketing Flyer Folder Camiseta Redes sociais

Grids de layouts Face 2 Face 1 Face 3 Face 4

Folder 1 dobra contra


capa
capa benefícios conteúdo

Área Externa Área Interna

Folder é um material impresso com textos mais longos


e possuem até 3 dobras, quando fechado possui o
Face 5 Face 6 Face 1 Face 2 Face 3 Face 4
formato A5.
2 dobras contra
benefícios capa conteúdo conteúdo conteúdo
capa
Dobras
Para cada quantidade de dobras em um folder,
Área Externa Área Interna
existe um objetivo, são eles: 1 dobra - Divulgação de
um produto ou serviço; 2 dobras - Divulgação de uma
unidade de negócio ou suíte; 3 dobras - Divulgação da Face 3 Face 8 Face 1 Face 2 Face 4 Face 5 Face 6 Face 7
jornada do cliente em um produto ou suíte. 3 dobras contra
clientes capa benefícios jornada jornada jornada jornada
capa

Capas
Para os folders referentes a unidade de negócio ou Área Externa Área Interna
suítes, o ideal é utilizar o background cinza e quando
for sobre produto, background com gradient map roxo.
Grids de layouts
E-mail marketing Flyer Folder Camiseta Redes sociais

Grids de layouts
Folder

Folder é um material impresso com textos mais longos


e possuem até 3 dobras, quando fechado possui o
formato A5.

2 dobras - Exemplo (Frente)


Dobras
Para cada quantidade de dobras em um folder,
existe um objetivo, são eles: 1 dobra - Divulgação de
um produto ou serviço; 2 dobras - Divulgação de uma
unidade de negócio ou suíte; 3 dobras - Divulgação da
jornada do cliente em um produto ou suíte.

Capas
Para os folders referentes a unidade de negócio ou
suítes, o ideal é utilizar o background cinza e quando
for sobre produto, background com gradient map roxo.
2 dobras - Exemplo (Interno)
Grids de layouts
E-mail marketing Flyer Folder Camiseta Redes sociais

Grids de layouts
Camiseta
A4

As camisetas são peças de divulgação, é importante


que a marca da Linx esteja adequadamente
estampada e visível no material de modo a facilitar a
rápida identificação de seu negócio.

Por que personalizar camisetas?


Quando um cliente ou colaborador usa uma camiseta
personalizada com a nossa marca, por exemplo, as
pessoas ao seu redor não irão associar o produto à
intenção de venda de forma imediata, elas irão
Aplicação frontal para o logo
assimilar a informação mais como uma Aplicação traseira para o logo
recomendação de alguém que já consome e conhece
determinado produto, o que, no final das contas,
acabará servindo como forma indireta de divulgação e
conhecimento da nossa marca.
Atenção - A arte para camiseta deve ter o tamanho de uma folha A4 ou A3.
Grids de layouts
E-mail marketing Flyer Folder Camiseta Redes sociais

Grids de layouts
Redes Sociais

As redes sociais substituem, aos poucos, os meios de


comunicação tradicionais. Hoje, as pessoas interagem,
consomem, criam e mantém laços afetivos, produzem
conteúdo, expressam emoções e formam opinião
muito mais rápido.

Portanto são uma importante plataforma para o


posicionamento da marca, sendo assim, com os
devidos cuidados pode ser um meio bastante efetivo
para a comunicação com os clientes.
Grids de layouts
E-mail marketing Flyer Folder Camiseta Redes sociais

Grids de layouts
Redes Sociais (Whatsapp)

O WhatsApp Business é um aplicativo gratuito para


download e desenvolvido especialmente para os
proprietários de pequenas empresas.

É possível criar um catálogo para exibir seus produtos


e serviços, conectar-se com seus clientes facilmente
ao usar recursos que automatizam, classificar e
agilizar suas respostas a mensagens.

Importante:
É uma rede que possui muitas particularidades de
linguagem e estilo, então é muito importante seguir
exatamente os padrões criados pois eles atingem com
eficiência o resultado esperado no público desta rede.
Exemplo 1A (Thumbnail) Exemplo 1B (Fullscreen)
Grids de layouts
E-mail marketing Flyer Folder Camiseta Redes sociais

Grids de layouts Formato Vertical Formato Quadrado

72 px
Redes Sociais (WhatsApp) 272px

72 px

O WhatsApp Business é um aplicativo gratuito para 1080px

download e desenvolvido especialmente para os


proprietários de pequenas empresas. 1080px

1920px
É possível criar um catálogo para exibir seus produtos 72px

e serviços, conectar-se com seus clientes facilmente


1080px
ao usar recursos que automatizam, classificar e 72px

agilizar suas respostas a mensagens.

568px
Importante:
Área de corte (rolagem dinâmica do iphone)
É uma rede que possui muitas particularidades de
linguagem e estilo, então é muito importante seguir Área de será exibida no thumbnail

exatamente os padrões criados pois eles atingem com 1080px Área de será exibida após abertura da imagem

eficiência o resultado esperado no público desta rede.

Atenção - Deve-se respeitar as medidas para a área de rolagem do iphone.


Grids de layouts
E-mail marketing Flyer Folder Camiseta Redes sociais

Grids de layouts
Redes Sociais (Instagram)

O Instagram é uma das redes sociais que mais cresce no


Brasil e no mundo, e o Brasil é o segundo país com o maior
número de usuários.

Através dela conseguimos criar um relacionamento mais


próximo e de reconhecimento com o público, a Linx utiliza
essa rede como parte da trilha de conteúdo e inbound de
tudo que é gerado pelas unidades de negócio, assim como
divulgação de produtos, lançamentos e eventos.

Importante:
É uma rede que possui muitas particularidades de
linguagem e estilo, então é muito importante seguir
exatamente os padrões criados pois eles atingem com
eficiência o resultado esperado no público desta rede.
Grids de layouts
E-mail marketing Flyer Folder Camiseta Redes sociais

Grids de layouts Post quadrado Post vertical

Redes Sociais (Instagram)

Post quadrado: 1080x1080px é a medida mais


comum que aparece no feed e nos perfis. Essa medida 1080 px

também é compatível para criação de vídeos.

1350 px
Post vertical: 1080x1350px esse formato possibilita
que a imagem ocupe toda a área de visualização do
feed pela tela do celular.

1080px

1080px

Área total de exibição da imagem


Grids de layouts
E-mail marketing Flyer Folder Camiseta Redes sociais

Formato Vertical

Grids de layouts
145px
Redes Sociais (Instagram)
Capa de vídeo do IGTV

Post Vídeos Verticais: Stories e IGTV 1080x1920px


(proporção 16:9).
1445px

1920px 654 px
As dimensões de seguranças foram previstas para
garantir a melhor exibição em diferentes aparelhos,
assim evitamos que o conteúdo não seja sobreposto
pelo thumb de perfil ou caixas de diálogo do próprio app.

Padrões de qualidade para IGTV:


420 px
568px

Formato: MP4.
Tamanho: 1080 x 1920px.
1080px
Proporção: 9:16.
Taxa de quadros mínima: 30 FPS.
Resolução mínima: 720 pixels. Área de corte (segurança)

Tamanho do arquivo: até 10 minutos: 650 MB | até 1 Área de exibição após abertura da imagem

hora: 3,6 GB.


Grids de layouts
E-mail marketing Flyer Folder Camiseta Redes sociais

Grids de layouts Post horizontal

Redes Sociais (Instagram)

Post horizontal: Segue a medida de 1080x566px


(proporção 16:9) para imagens ou vídeo horizontais /
566 px
panorâmico (widescreen).

Este formato é ideal para publicação de vídeos curtos


ou drops do IGTV.

1080px

Área total de exibição da imagem


Grids de layouts
E-mail marketing Flyer Folder Camiseta Redes sociais

Grids de layouts
Redes Sociais (LinkedIn)

Mais uma rede social que promove interação,


engajamento e publicidade.

O perfil de pessoas que utilizam o Linkedin é mais


corporativo e profissional, tendo a finalidade de criar
networking entre pessoas com o mesmo perfil
profissional, assim como a veiculação de notícias e
conteúdos relevantes, promovendo o contato com
vários perfis de agentes decisores e principalmente
grandes players.
Grids de layouts
E-mail marketing Flyer Folder Camiseta Redes sociais

Imagem de Perfil

Grids de layouts
Redes Sociais (LinkedIn-Perfil)
400px

Área de corte/útil para texto


Inciando a estrutura da página com a apresentação
Área de utilização para arte e conceito
das peças de identificação da marca dentro da rede
Área de exibição após abertura da imagem
social.

400 px
Imagem de perfil: 400x400px o conteúdo principal
deve ser centralizado para não perder informações
relevantes pois o corte na exibição de thumb é
redondo. Imagem de capa

Imagem de capa: 396x1584px o banner sofre um


corte considerável pois a imagem de perfil invade a
medida principalmente em altura, então o conteúdo 396 px
deve ser sempre direcionado ao topo e à direita, já que
na versão mobile a imagem fica centralizada
sobrepondo também o conteúdo centralizado.

24 px 1584 px
Grids de layouts
E-mail marketing Flyer Folder Camiseta Redes sociais

Post com imagem

Grids de layouts
Redes Sociais (LinkedIn-Posts)

320px

As postagens aparecem em dois formatos atualmente:

Post com imagem: 320x520px, neste formato a


imagem é criada especificamente para ilustrar a
520 px
publicação.

Post com link: 272x520px, neste formato a imagem é


puxada automáticamente do link que está sendo Post com link

publicado na página, isso se o link possuir imagem


principal, caso contrário ele irá buscar outra aleatória
do site.

272px

520 px
Grids de layouts
E-mail marketing Flyer Folder Camiseta Redes sociais

Grids de layouts
Redes Sociais (Facebook)

Facebook é a maior rede social do Brasil, e nosso


posicionamento requer forte atuação nessa rede,
buscando ampliar o conhecimento da marca e dos
produtos que fazem parte da Linx.

É uma rede que tem ampliado o leque de formatos e


está sempre atualizando a leitura dos conteúdo na
timeline e fan page das marcas, além da publicação de
peças impulsionadas por investimento (Ads).

Nesse primeiro momento vamos conhecer os


formatos de publicação e perfil da page.
Grids de layouts
E-mail marketing Flyer Folder Camiseta Redes sociais

Imagem de Perfil

Grids de layouts
Redes Sociais (Facebook)
500px
(180px) Área de corte/útil para texto

Área de utilização para arte e conceito


Imagem de perfil: o tamanho de exibição é
180x180px, mas para alcançar uma boa resolução o Área de exibição após abertura da imagem

ideal é utilizar 500x500px (proporção de 1:1) como


medida mínima, lembrando que o conteúdo deve ser
500 px
sempre centralizado para não perder informações no (180px)

recorte thumb que é redondo.


Imagem/Vídeo de capa
Imagem/Vídeo Capa: a medida para imagem é
820x312px, para capas em vídeo é 820x456px com
duração entre 20 e 90 segundos.
(Tamanho máximo de arquivo: 4 GB / Tamanho
máximo da mLabs: 200MB) 312 px

820 px
Grids de layouts
E-mail marketing Flyer Folder Camiseta Redes sociais

Post quadrado

Grids de layouts
Redes Sociais (Facebook) Post vertical

1080 px

Post quadrado: 1080x1080px (proporção de 1:1)

Post vertical: 1080x1350px (timeline e storie do


Facebook) 1350 px

Post horizontal: 1366x768px 1080 px

Posts em vídeo: duração máxima de 240 minutos. Post horizontal

(Tamanho máximo do arquivo: 4GB / Tamanho


máximo da mLabs: 200MB)

1080 px
768 px

1366 px
Grids de layouts
E-mail marketing Flyer Folder Camiseta Redes sociais

Grids de layouts
Redes Sociais (Facebook) Capa para eventos

Imagem de capa para eventos: As peças


desenvolvidas para a capa dos eventos devem ter
1.200 pixels de largura por 626 pixels de altura. Para
aplicação de peças animadas em vídeo, devemos 626 px

considerar criar o mínimo 30 segundos e o máximo 5


minutos de duração total.

1200 px

Você também pode gostar