SlideShare uma empresa Scribd logo
1 de 28
Baixar para ler offline
Manual
de identidade
Manualde
identidadevisual
Última atualização:
Maio de 2017
Este manual contém orientações
de aplicação da marca Ebit e tem
o objetivo de preservar suas propriedades visuais,
padronizar e facilitar a correta identificação e
memorização da marca.
Manualde
identidadevisual
Este manual contém orientações de aplicação da marca Ebit e tem como
objetivo preservar suas propriedades visuais, padronizar e facilitar a
correta identificação e memorização da marca.
 Missão, visão e valores
 Logo
 Medalhas
 Paleta de cores
 Fontes
 Banners
SUMÁRIO
Missão:
Ser a principal fonte de informação
e inteligência competitiva
entregando valor para as empresas
e ajudando o consumidor na
escolha das lojas de melhor
reputação.
Visão:
Fomentar o mercado de varejo
omnichannel fornecendo informação
relevante para empresas e
consumidores.
Valores:
 Entregar informações imprescindíveis.
 Talento unido faz acontecer.
 Planejar melhora o resultado.
 Meritocracia.
 Antecipar tendências.
 Fomentar inovação.
 Transparência e credibilidade.
Aplicação de Logo
Logo
 A malha construtiva visa garantir
que a marca seja aplicada sempre na
proporção correta e, portanto,
não sofra deformidades.
O espaçamento é determinado pelo
“e” (fonte Roboto – 17pt).
 A margem foi determinada
com a medida da letra “e”
que garante o arejamento necessário
para garantir
a aplicação adequada
e legibilidade da marca.
Malha construtiva
Área de respiro
 O logo da Ebit é composto pelas
cores vermelho e preto.
 As cores que compõem
a identidade da marca Ebit
jamais devem ser alteradas.
Vermelho
Pantone® 485 C
HTML #ED1C24
RGB 237 | 028 | 036
CMYK 000 | 100 | 100 | 000
Preto
Pantone® Black
HTML #000000
RGB 000 | 000 | 000
CMYK 000 | 000 | 000 | 100
Logo
Logo
 Há três versões para aplicação do
logo Ebit: principal, negativa e
monocromática.
 Nenhuma outra versão além dessas
será considerada válida.
 É necessário seguir as regras de
aplicação descritas neste manual.
Versão principal
Considerada a versão ideal para
aplicação e deve sempre ser a primeira
opção.
Versão negativa
Ideal para aplicações com fundos escuros sem
descaracterizar o logo.
Versão monocromática
Há duas variações monocromáticas, preto ou branco chapado, e deve ser utilizada somente quando a
reprodução de cores não for possível.
Medida recomendada
Variações de aplicações em outras medidas
Logo
 As medidas de redimensionamento
para aplicação em materiais
eletrônicos e materiais gráficos são
importantes para que
o logo não perca sua característica e
para que todas as peças tenham uma
unidade.
 Existem medidas recomendadas
como
ideal e suas variações.
Deve-se redimensionar o logo
partindo da medida de largura
(em pixels).
 Caso seja necessário utilizar medidas
inferiores
é necessário consultar
o departamento de marketing
120px
Ideal para
aplicação em
redes sociais.
200px
Ideal para
materiais eletrônicos.
320px
Ideal para materiais
gráficos.
85px 100px 250px
Logo reduzido
Variações de redimensionamento aceitáveis para aplicação
Logo
 Em alguns casos específicos
é possível utilizar uma versão de logo
reduzido.
 Na versão reduzida do logo
é recomendado apenas o “e”, branco,
com o círculo vermelho.
 O logo reduzido não pode ser
utilizado nas versões negativa e
monocromática.
 Para utilizar essa alternativa
é necessário consultar
o departamento
de marketing Ebit.
 Deve-se redimensionar
o logo partindo da medida
de largura (em pixels).
122px
568px
96px 75px 45px 38px
Paleta de cores
HTML #ED1C24
RGB 237 | 028 | 036
CMYK 000 | 096 | 080 | 000
HTML #000000
RGB 000 | 000 | 000
CMYK 084 | 083 | 073 | 080
HTML #A19D91
RGB 161 | 157 | 145
CMYK 043 | 035 | 043 | 000
HTML #D20A00
RGB 210 | 010 | 000
CMYK 019 | 099 | 100 | 000
HTML #A10800
RGB 161 | 008 | 000
CMYK 029 | 100 | 100 | 002
HTML #34322C
RGB 052 | 050 | 044
CMYK 079 | 077 | 074 | 045
 A paleta de cores principal
tem como base as cores
que compõem o logo Ebit
é composta por seis cores.
 São três cores em tons
de preto e cinza e outras
três entre vermelho e vinho.
Paleta de cores Paleta de cores principal
HTML #B4DBE9
RGB 180 | 219 | 233
CMYK 034 | 000 | 007 | 000
HTML #99C7DA
RGB 153 | 199 | 218
CMYK 046 | 005 | 010 | 000
HTML #D1E9EF
RGB 209 | 233 | 239
CMYK 020 | 000 | 005 | 000
 Existem também as cores
complementares
que compõem a paleta
de cores Ebit e elas devem
ser consideradas para aplicação de
peças institucionais utilizando as
medalhas de certificação Ebit.
 Cada medalha tem uma paleta
composta por três cores.
Paleta de cores Cores medalhas - complementares
HTML #3E6693
RGB 062 | 102 | 147
CMYK 091 | 058 | 021 | 004
HTML #AA262B
RGB 170 | 038 | 043
CMYK 015 | 099 | 098 | 006
HTML #CA282B
RGB 202 | 040 | 043
CMYK 001 | 098 | 097 | 000
HTML #DC9831
RGB 220 | 152 | 049
CMYK 003 | 046 | 100 | 000
HTML #DCAD34
RGB 220 | 173 | 052
CMYK 007 | 033 | 100 | 000
HTML #3E6793
RGB 062 | 103 | 147
CMYK 091 | 057 | 021 | 003
HTML #707070
RGB 112 | 112 | 112
CMYK 056 | 047 | 047 | 016
HTML #969697
RGB 150 | 150 | 151
CMYK 043 | 035 | 035 | 001
HTML #3F3F51
RGB 063 | 063 | 081
CMYK 092 | 089 | 068 | 009
Paleta de cores Cores medalhas - complementares
HTML #41854B
RGB 065 | 133 | 075
CMYK 094 | 025 | 100 | 005
HTML #5A964D
RGB 090 | 150 | 077
CMYK 083 | 016 | 100 | 003
HTML #4D3621
RGB 077 | 054 | 033
CMYK 044 | 070 | 087 | 055
HTML #5E472A
RGB 094 | 071 | 042
CMYK 043 | 064 | 089 | 043
 Existem também as cores
complementares que compõem a
paleta de cores Ebit e elas devem ser
consideradas para aplicação de
peças institucionais utilizando as
medalhas de certificação Ebit.
 Cada medalha tem uma paleta
composta por três cores.
 Para a medalha Em Avaliação
devemos considerar a paleta de
cores principal, pois a medalha é
composta das mesmas cores
institucionais que compõem o logo da
Ebit.
Fontes e
Paletas complementares
 As fontes que podem ser aplicadas
em peças e materiais institucionais da
Ebit são Raleway e Roboto.
 A fonte Raleway é indicada para
materiais gráficos e a fonte Roboto
para materiais online e
apresentações institucionais.
 Quando não for possível aplicar
essas duas opções podem ser
substituídas apenas pelas seguintes
fontes: Calibri e Arial.
Fontes Fontes Principais e alternativas
Roboto
Roboto Light
Roboto Black
Roboto Medium
Roboto Thin
ROBOTO RALEWAY
Calibri
Calibri Light
CALIBRI
Arial
Arial Black
ARIAL
 Para toda paleta e variações
de tons é necessário seguir
o seguinte padrão de cores
de aplicação de fontes.
Fontes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Paleta de cores institucional
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
HTML #ED1C24 RGB 237 | 028 | 036 CMYK 000 | 096 | 080 | 000
HTML #D20A00 RGB 210 | 010 | 000 CMYK 019 | 099 | 100 | 000
HTML #A10800 RGB 161 | 008 | 000 CMYK 029 | 100 | 100 | 002
HTML #000000 RGB 000 | 000 | 000 CMYK 084 | 083 | 073 | 080
HTML #A19D91 RGB 161 | 157 | 145 CMYK 043 | 035 | 043 | 000
HTML #34322C RGB 052 | 050 | 044 CMYK 079 | 077 | 074 | 045
Fontes
Paleta de cores - DIAMANTE
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
 Para toda paleta e variações
de tons é necessário seguir
o seguinte padrão de cores
de aplicação de fontes.
HTML #B4DBE9 RGB 180 | 219 | 233 CMYK 034 | 000 | 007 | 000
HTML #99C7DA RGB 153 | 199 | 218 CMYK 046 | 005 | 010 | 000
HTML #D1E9EF RGB 209 | 233 | 239 CMYK 020 | 000 | 005 | 000
HTML #3E6693 RGB 062 | 102 | 147 CMYK 091 | 058 | 021 | 004
Fontes
Paleta de cores - OURO
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Para toda paleta e variações
de tons é necessário seguir
o seguinte padrão de cores
de aplicação de fontes.
HTML #AA262B RGB 170 | 038 | 043 CMYK 015 | 099 | 098 | 006
HTML #CA282B RGB 202 | 040 | 043 CMYK 001 | 098 | 097 | 000
HTML #DC9831 RGB 220 | 152 | 049 CMYK 003 | 046 | 100 | 000
HTML #DCAD34 RGB 220 | 173 | 052 CMYK 007 | 033 | 100 | 000
Fontes
Paleta de cores - PRATA
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Para toda paleta e variações
de tons é necessário seguir
o seguinte padrão de cores
de aplicação de fontes.
HTML #707070 RGB 112 | 112 | 112 CMYK 056 | 047 | 047 | 016
HTML #969697 RGB 150 | 150 | 151 CMYK 043 | 035 | 035 | 001
HTML #3F3F51 RGB 063 | 063 | 081 CMYK 092 | 089 | 068 | 009
HTML #3E6793 RGB 062 | 103 | 147 CMYK 091 | 057 | 021 | 003
Fontes
Paleta de cores - BRONZE
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Para toda paleta e variações
de tons é necessário seguir
o seguinte padrão de cores
de aplicação de fontes.
HTML #41854B RGB 065 | 133 | 075 CMYK 094 | 025 | 100 | 005
HTML #5A964D RGB 090 | 150 | 077 CMYK 083 | 016 | 100 | 003
HTML #4D3621 RGB 077 | 054 | 033 CMYK 044 | 070 | 087 | 055
HTML #5E472A RGB 094 | 071 | 042 CMYK 043 | 064 | 089 | 043
Medalhas
 As medalhas representam
a certificação das lojas online
consideradas confiáveis de acordo
com a metodologia Ebit.
 Uma loja pode
ser classificada como: DIAMANTE
EXCELENTE,
OURO ÓTIMA,
PRATA MUITO BOA,
BRONZE BOA
e EM AVALIAÇÃO.
Para saber mais e entender
os critérios de classificação
 das medalhas consulte:
www.ebit.com.br/
entenda-a-ebit.
Medalhas
Estrutura medalha
As medalhas Ebit
 Logo da Ebit centralizado no topo.
 Ícone representativo centralizado.
 Classificação do conceito da medalha em texto caixa alta.
 Data vigente com a medalha equivalente aos critérios de classificação dos
últimos 90 dias.
 TODAS as medalhas devem ter o link para a página
do e-commerce dentro do site Ebit.
Esta página atesta a veracidade da classificação.
 O tamanho padrão da medalha deve ser de 90x95 (pixels).
 A medalha deve ser aplicada
somente no tamanho estabelecido
como padrão.
 Por regra a aplicação nunca deve
sofrer variação em suas cores e
estruturas.
 Lojistas que utilizarem
a medalha Ebit com qualquer
alteração de aplicação
estão sujeitos a entrar
em processo de reavaliação
de seu e-commerce.
Medalhas Aplicação padrão lojista
Exemplo de aplicação em fundo branco:
Banners
Banners
 O banner da Ebit deve
ser parametrizado e incluso na
página de conclusão
de compra dentro de seu
e-commerce com link
para o consumidor responder
a primeira pesquisa: de satisfação de
compra.
 Essas respostas são utilizadas para a
classificação do seu
e-commerce com nossas medalhas.
468x60px
Lightbox
 O lightbox da Ebit pode
ser parametrizado e incluso na
página de conclusão
de compra dentro de seu
e-commerce com link
para o consumidor responder
a primeira pesquisa: de satisfação de
compra.
 Essas respostas são utilizadas para a
classificação do seu
e-commerce com nossas medalhas.
 Apesar da aplicação do lightbox não
ser obrigatória como a do banner, é
recomendada sua integração, pois
aumenta a taxa de respondentes à
pesquisa.
586x308px – Automaticamente responsivo
Manualde
identidadevisual
marketing@ebit.com.br

Mais conteúdo relacionado

Semelhante a Manual de identidade visual da Ebit

L&A Soluções Industriais | Identidade Visual
L&A Soluções Industriais | Identidade VisualL&A Soluções Industriais | Identidade Visual
L&A Soluções Industriais | Identidade Visual08Digital
 
TCC SENAC | Manual de Identidade
TCC SENAC | Manual de IdentidadeTCC SENAC | Manual de Identidade
TCC SENAC | Manual de IdentidadeMárjorye Cruz
 
Manual de Identidade Visual da Carratu
Manual de Identidade Visual da CarratuManual de Identidade Visual da Carratu
Manual de Identidade Visual da CarratuCarratu Digital
 
Logitech Brand Identity guidelines final_mini (1)
Logitech Brand Identity guidelines final_mini (1)Logitech Brand Identity guidelines final_mini (1)
Logitech Brand Identity guidelines final_mini (1)Julia de Angelis Queiroz
 
Neuro Residência - Manul da Marca
Neuro Residência - Manul da MarcaNeuro Residência - Manul da Marca
Neuro Residência - Manul da MarcaDay Borges
 
Manual de marca e identidade visual qualivida
Manual de marca e identidade visual qualividaManual de marca e identidade visual qualivida
Manual de marca e identidade visual qualividaLuis Alexandre
 
GESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADE
GESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADEGESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADE
GESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADEVitor Pedro
 
Manual de aplicação de marca - TechBiz Forense Digital
Manual de aplicação de marca - TechBiz Forense DigitalManual de aplicação de marca - TechBiz Forense Digital
Manual de aplicação de marca - TechBiz Forense DigitalTechBiz Forense Digital
 
Manual da marca olhar bh
Manual da marca olhar bhManual da marca olhar bh
Manual da marca olhar bhAnderson Assis
 
Manual de Identidade | SML Tecnologia
Manual de Identidade | SML TecnologiaManual de Identidade | SML Tecnologia
Manual de Identidade | SML TecnologiaCiro Campos
 
Manual de Identidade Visual | IAP
Manual de Identidade Visual | IAPManual de Identidade Visual | IAP
Manual de Identidade Visual | IAP08Digital
 
Manual de uso de marca para empresa MMCAM
Manual de uso de marca para empresa MMCAMManual de uso de marca para empresa MMCAM
Manual de uso de marca para empresa MMCAMMezzanyne Brand Design
 
Manual de identidade visual casamento
Manual de identidade visual casamentoManual de identidade visual casamento
Manual de identidade visual casamentoBianca Sousa
 
Portfolio Fiuza Confecções
Portfolio Fiuza ConfecçõesPortfolio Fiuza Confecções
Portfolio Fiuza ConfecçõesGarrão André
 

Semelhante a Manual de identidade visual da Ebit (20)

L&A Soluções Industriais | Identidade Visual
L&A Soluções Industriais | Identidade VisualL&A Soluções Industriais | Identidade Visual
L&A Soluções Industriais | Identidade Visual
 
Manual IMARQ
Manual IMARQManual IMARQ
Manual IMARQ
 
Branding Book - Náutica Indaiá
Branding Book - Náutica IndaiáBranding Book - Náutica Indaiá
Branding Book - Náutica Indaiá
 
TCC SENAC | Manual de Identidade
TCC SENAC | Manual de IdentidadeTCC SENAC | Manual de Identidade
TCC SENAC | Manual de Identidade
 
Manual de Identidade Visual da Carratu
Manual de Identidade Visual da CarratuManual de Identidade Visual da Carratu
Manual de Identidade Visual da Carratu
 
Logitech Brand Identity guidelines final_mini (1)
Logitech Brand Identity guidelines final_mini (1)Logitech Brand Identity guidelines final_mini (1)
Logitech Brand Identity guidelines final_mini (1)
 
Manual da marca
Manual da marcaManual da marca
Manual da marca
 
Neuro Residência - Manul da Marca
Neuro Residência - Manul da MarcaNeuro Residência - Manul da Marca
Neuro Residência - Manul da Marca
 
Manual de marca e identidade visual qualivida
Manual de marca e identidade visual qualividaManual de marca e identidade visual qualivida
Manual de marca e identidade visual qualivida
 
GESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADE
GESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADEGESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADE
GESTÃO DE COR + NORMALIZAÇÃO = PRODUTIVIDADE
 
Projeto de Identidade Visual
Projeto de Identidade VisualProjeto de Identidade Visual
Projeto de Identidade Visual
 
Manual da Agência Made In 7
Manual da Agência Made In 7Manual da Agência Made In 7
Manual da Agência Made In 7
 
Manual de aplicação de marca - TechBiz Forense Digital
Manual de aplicação de marca - TechBiz Forense DigitalManual de aplicação de marca - TechBiz Forense Digital
Manual de aplicação de marca - TechBiz Forense Digital
 
Manual da marca olhar bh
Manual da marca olhar bhManual da marca olhar bh
Manual da marca olhar bh
 
Manual de uso de marca
Manual de uso de marcaManual de uso de marca
Manual de uso de marca
 
Manual de Identidade | SML Tecnologia
Manual de Identidade | SML TecnologiaManual de Identidade | SML Tecnologia
Manual de Identidade | SML Tecnologia
 
Manual de Identidade Visual | IAP
Manual de Identidade Visual | IAPManual de Identidade Visual | IAP
Manual de Identidade Visual | IAP
 
Manual de uso de marca para empresa MMCAM
Manual de uso de marca para empresa MMCAMManual de uso de marca para empresa MMCAM
Manual de uso de marca para empresa MMCAM
 
Manual de identidade visual casamento
Manual de identidade visual casamentoManual de identidade visual casamento
Manual de identidade visual casamento
 
Portfolio Fiuza Confecções
Portfolio Fiuza ConfecçõesPortfolio Fiuza Confecções
Portfolio Fiuza Confecções
 

Manual de identidade visual da Ebit

  • 2. Este manual contém orientações de aplicação da marca Ebit e tem o objetivo de preservar suas propriedades visuais, padronizar e facilitar a correta identificação e memorização da marca. Manualde identidadevisual
  • 3. Este manual contém orientações de aplicação da marca Ebit e tem como objetivo preservar suas propriedades visuais, padronizar e facilitar a correta identificação e memorização da marca.  Missão, visão e valores  Logo  Medalhas  Paleta de cores  Fontes  Banners SUMÁRIO
  • 4. Missão: Ser a principal fonte de informação e inteligência competitiva entregando valor para as empresas e ajudando o consumidor na escolha das lojas de melhor reputação. Visão: Fomentar o mercado de varejo omnichannel fornecendo informação relevante para empresas e consumidores. Valores:  Entregar informações imprescindíveis.  Talento unido faz acontecer.  Planejar melhora o resultado.  Meritocracia.  Antecipar tendências.  Fomentar inovação.  Transparência e credibilidade.
  • 6. Logo  A malha construtiva visa garantir que a marca seja aplicada sempre na proporção correta e, portanto, não sofra deformidades. O espaçamento é determinado pelo “e” (fonte Roboto – 17pt).  A margem foi determinada com a medida da letra “e” que garante o arejamento necessário para garantir a aplicação adequada e legibilidade da marca. Malha construtiva Área de respiro
  • 7.  O logo da Ebit é composto pelas cores vermelho e preto.  As cores que compõem a identidade da marca Ebit jamais devem ser alteradas. Vermelho Pantone® 485 C HTML #ED1C24 RGB 237 | 028 | 036 CMYK 000 | 100 | 100 | 000 Preto Pantone® Black HTML #000000 RGB 000 | 000 | 000 CMYK 000 | 000 | 000 | 100 Logo
  • 8. Logo  Há três versões para aplicação do logo Ebit: principal, negativa e monocromática.  Nenhuma outra versão além dessas será considerada válida.  É necessário seguir as regras de aplicação descritas neste manual. Versão principal Considerada a versão ideal para aplicação e deve sempre ser a primeira opção. Versão negativa Ideal para aplicações com fundos escuros sem descaracterizar o logo. Versão monocromática Há duas variações monocromáticas, preto ou branco chapado, e deve ser utilizada somente quando a reprodução de cores não for possível.
  • 9. Medida recomendada Variações de aplicações em outras medidas Logo  As medidas de redimensionamento para aplicação em materiais eletrônicos e materiais gráficos são importantes para que o logo não perca sua característica e para que todas as peças tenham uma unidade.  Existem medidas recomendadas como ideal e suas variações. Deve-se redimensionar o logo partindo da medida de largura (em pixels).  Caso seja necessário utilizar medidas inferiores é necessário consultar o departamento de marketing 120px Ideal para aplicação em redes sociais. 200px Ideal para materiais eletrônicos. 320px Ideal para materiais gráficos. 85px 100px 250px
  • 10. Logo reduzido Variações de redimensionamento aceitáveis para aplicação Logo  Em alguns casos específicos é possível utilizar uma versão de logo reduzido.  Na versão reduzida do logo é recomendado apenas o “e”, branco, com o círculo vermelho.  O logo reduzido não pode ser utilizado nas versões negativa e monocromática.  Para utilizar essa alternativa é necessário consultar o departamento de marketing Ebit.  Deve-se redimensionar o logo partindo da medida de largura (em pixels). 122px 568px 96px 75px 45px 38px
  • 12. HTML #ED1C24 RGB 237 | 028 | 036 CMYK 000 | 096 | 080 | 000 HTML #000000 RGB 000 | 000 | 000 CMYK 084 | 083 | 073 | 080 HTML #A19D91 RGB 161 | 157 | 145 CMYK 043 | 035 | 043 | 000 HTML #D20A00 RGB 210 | 010 | 000 CMYK 019 | 099 | 100 | 000 HTML #A10800 RGB 161 | 008 | 000 CMYK 029 | 100 | 100 | 002 HTML #34322C RGB 052 | 050 | 044 CMYK 079 | 077 | 074 | 045  A paleta de cores principal tem como base as cores que compõem o logo Ebit é composta por seis cores.  São três cores em tons de preto e cinza e outras três entre vermelho e vinho. Paleta de cores Paleta de cores principal
  • 13. HTML #B4DBE9 RGB 180 | 219 | 233 CMYK 034 | 000 | 007 | 000 HTML #99C7DA RGB 153 | 199 | 218 CMYK 046 | 005 | 010 | 000 HTML #D1E9EF RGB 209 | 233 | 239 CMYK 020 | 000 | 005 | 000  Existem também as cores complementares que compõem a paleta de cores Ebit e elas devem ser consideradas para aplicação de peças institucionais utilizando as medalhas de certificação Ebit.  Cada medalha tem uma paleta composta por três cores. Paleta de cores Cores medalhas - complementares HTML #3E6693 RGB 062 | 102 | 147 CMYK 091 | 058 | 021 | 004 HTML #AA262B RGB 170 | 038 | 043 CMYK 015 | 099 | 098 | 006 HTML #CA282B RGB 202 | 040 | 043 CMYK 001 | 098 | 097 | 000 HTML #DC9831 RGB 220 | 152 | 049 CMYK 003 | 046 | 100 | 000 HTML #DCAD34 RGB 220 | 173 | 052 CMYK 007 | 033 | 100 | 000
  • 14. HTML #3E6793 RGB 062 | 103 | 147 CMYK 091 | 057 | 021 | 003 HTML #707070 RGB 112 | 112 | 112 CMYK 056 | 047 | 047 | 016 HTML #969697 RGB 150 | 150 | 151 CMYK 043 | 035 | 035 | 001 HTML #3F3F51 RGB 063 | 063 | 081 CMYK 092 | 089 | 068 | 009 Paleta de cores Cores medalhas - complementares HTML #41854B RGB 065 | 133 | 075 CMYK 094 | 025 | 100 | 005 HTML #5A964D RGB 090 | 150 | 077 CMYK 083 | 016 | 100 | 003 HTML #4D3621 RGB 077 | 054 | 033 CMYK 044 | 070 | 087 | 055 HTML #5E472A RGB 094 | 071 | 042 CMYK 043 | 064 | 089 | 043  Existem também as cores complementares que compõem a paleta de cores Ebit e elas devem ser consideradas para aplicação de peças institucionais utilizando as medalhas de certificação Ebit.  Cada medalha tem uma paleta composta por três cores.  Para a medalha Em Avaliação devemos considerar a paleta de cores principal, pois a medalha é composta das mesmas cores institucionais que compõem o logo da Ebit.
  • 16.  As fontes que podem ser aplicadas em peças e materiais institucionais da Ebit são Raleway e Roboto.  A fonte Raleway é indicada para materiais gráficos e a fonte Roboto para materiais online e apresentações institucionais.  Quando não for possível aplicar essas duas opções podem ser substituídas apenas pelas seguintes fontes: Calibri e Arial. Fontes Fontes Principais e alternativas Roboto Roboto Light Roboto Black Roboto Medium Roboto Thin ROBOTO RALEWAY Calibri Calibri Light CALIBRI Arial Arial Black ARIAL
  • 17.  Para toda paleta e variações de tons é necessário seguir o seguinte padrão de cores de aplicação de fontes. Fontes Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Paleta de cores institucional Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor HTML #ED1C24 RGB 237 | 028 | 036 CMYK 000 | 096 | 080 | 000 HTML #D20A00 RGB 210 | 010 | 000 CMYK 019 | 099 | 100 | 000 HTML #A10800 RGB 161 | 008 | 000 CMYK 029 | 100 | 100 | 002 HTML #000000 RGB 000 | 000 | 000 CMYK 084 | 083 | 073 | 080 HTML #A19D91 RGB 161 | 157 | 145 CMYK 043 | 035 | 043 | 000 HTML #34322C RGB 052 | 050 | 044 CMYK 079 | 077 | 074 | 045
  • 18. Fontes Paleta de cores - DIAMANTE Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor  Para toda paleta e variações de tons é necessário seguir o seguinte padrão de cores de aplicação de fontes. HTML #B4DBE9 RGB 180 | 219 | 233 CMYK 034 | 000 | 007 | 000 HTML #99C7DA RGB 153 | 199 | 218 CMYK 046 | 005 | 010 | 000 HTML #D1E9EF RGB 209 | 233 | 239 CMYK 020 | 000 | 005 | 000 HTML #3E6693 RGB 062 | 102 | 147 CMYK 091 | 058 | 021 | 004
  • 19. Fontes Paleta de cores - OURO Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Para toda paleta e variações de tons é necessário seguir o seguinte padrão de cores de aplicação de fontes. HTML #AA262B RGB 170 | 038 | 043 CMYK 015 | 099 | 098 | 006 HTML #CA282B RGB 202 | 040 | 043 CMYK 001 | 098 | 097 | 000 HTML #DC9831 RGB 220 | 152 | 049 CMYK 003 | 046 | 100 | 000 HTML #DCAD34 RGB 220 | 173 | 052 CMYK 007 | 033 | 100 | 000
  • 20. Fontes Paleta de cores - PRATA Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Para toda paleta e variações de tons é necessário seguir o seguinte padrão de cores de aplicação de fontes. HTML #707070 RGB 112 | 112 | 112 CMYK 056 | 047 | 047 | 016 HTML #969697 RGB 150 | 150 | 151 CMYK 043 | 035 | 035 | 001 HTML #3F3F51 RGB 063 | 063 | 081 CMYK 092 | 089 | 068 | 009 HTML #3E6793 RGB 062 | 103 | 147 CMYK 091 | 057 | 021 | 003
  • 21. Fontes Paleta de cores - BRONZE Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibip sum dolor Para toda paleta e variações de tons é necessário seguir o seguinte padrão de cores de aplicação de fontes. HTML #41854B RGB 065 | 133 | 075 CMYK 094 | 025 | 100 | 005 HTML #5A964D RGB 090 | 150 | 077 CMYK 083 | 016 | 100 | 003 HTML #4D3621 RGB 077 | 054 | 033 CMYK 044 | 070 | 087 | 055 HTML #5E472A RGB 094 | 071 | 042 CMYK 043 | 064 | 089 | 043
  • 23.  As medalhas representam a certificação das lojas online consideradas confiáveis de acordo com a metodologia Ebit.  Uma loja pode ser classificada como: DIAMANTE EXCELENTE, OURO ÓTIMA, PRATA MUITO BOA, BRONZE BOA e EM AVALIAÇÃO. Para saber mais e entender os critérios de classificação  das medalhas consulte: www.ebit.com.br/ entenda-a-ebit. Medalhas Estrutura medalha As medalhas Ebit  Logo da Ebit centralizado no topo.  Ícone representativo centralizado.  Classificação do conceito da medalha em texto caixa alta.  Data vigente com a medalha equivalente aos critérios de classificação dos últimos 90 dias.  TODAS as medalhas devem ter o link para a página do e-commerce dentro do site Ebit. Esta página atesta a veracidade da classificação.  O tamanho padrão da medalha deve ser de 90x95 (pixels).
  • 24.  A medalha deve ser aplicada somente no tamanho estabelecido como padrão.  Por regra a aplicação nunca deve sofrer variação em suas cores e estruturas.  Lojistas que utilizarem a medalha Ebit com qualquer alteração de aplicação estão sujeitos a entrar em processo de reavaliação de seu e-commerce. Medalhas Aplicação padrão lojista Exemplo de aplicação em fundo branco:
  • 26. Banners  O banner da Ebit deve ser parametrizado e incluso na página de conclusão de compra dentro de seu e-commerce com link para o consumidor responder a primeira pesquisa: de satisfação de compra.  Essas respostas são utilizadas para a classificação do seu e-commerce com nossas medalhas. 468x60px
  • 27. Lightbox  O lightbox da Ebit pode ser parametrizado e incluso na página de conclusão de compra dentro de seu e-commerce com link para o consumidor responder a primeira pesquisa: de satisfação de compra.  Essas respostas são utilizadas para a classificação do seu e-commerce com nossas medalhas.  Apesar da aplicação do lightbox não ser obrigatória como a do banner, é recomendada sua integração, pois aumenta a taxa de respondentes à pesquisa. 586x308px – Automaticamente responsivo