MANUAL DE IDENTIDADE VISUAL
ECOMMERCE 2019
V 1.0
Atenção: Essa é uma versão inicial do Guide de Marcas Carrefour e outras atualizações serão inseridas em breve. Por isso, evite a distribuição entre outras áreas até que ele esteja completo e que todas as informações sejam validadas por todos os departamentos envolvidos.
ÍNDICE
1 - A Marca -------------------------------- 01 2 - Tipografia ----------------------------- 07 3 - SEO -------------------------------------- 12 4 - Componentes Header --------------------------- 21 Selos ------------------------------ 28 Secundários -------------------- 31 Vitrílula --------------------------- 34 Mosaico -------------------------- 39 Filete maior --------------------- 43 Cadastro de email ------------ 47 Espaço publicidade ---------- 50 Filete menor -------------------- 53 Menu com links --------------- 56 Nossos serviços --------------- 61 Texto jurídico ------------------ 66 5 - Conteúdo Histórico ------------------------Títulos ---------------------------Catch content -----------------Editorial -------------------------Comparação -------------------
71 75 78 83 88
6 - Act for food -------------------------- 91
A MARCA
A Marca 1.
Simbolo
TipograďŹ a Logo
2.
Ecommerce Carrefour - 2019
01
A Marca 1.
2.
Ecommerce Carrefour - 2019
02
A Marca
Ecommerce Carrefour - 2019
1.
2.
3.
4.
5.
6.
03
A Marca 1.
20 x 16 px
2.
30 x 5 px
Ecommerce Carrefour - 2019
04
A Marca
Ecommerce Carrefour - 2019
05
TIPOGRAFIA
Fonte Primรกria
Ecommerce Carrefour - 2019
07
Fonte Secundรกria After Night Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ecommerce Carrefour - 2019
Nettizen
phosphateinline
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibho euismod tincidunt ut laoreet dolores magna aliquam era.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
08
Do and Donts
Ecommerce Carrefour - 2019
09
Do and Donts
Ecommerce Carrefour - 2019
10
SEO Search Engine Optimization Otimização do motor de busca
Nome do arquivo O título das vitrines deve ser condizente com dois critérios: 1. A página em que a vitrine está inserida 2. Os produtos que estão na vitrine Dessa forma, o título deve conter o nome da categoria/página ou os tipos de produtos da vitrine.
Regra: Dispositivo + Categoria + Campanha.jpg Ex.: d-Celular-Promocao-Samsung-12off.jpg
Regra: Dispositivo + Categoria + Campanha.jpg Ex.: d-Celular-Promocao-Samsung-12off.jpg Regra: RMS + Nome do produto.jpg Ex.: 593465-impressora-fotografica-epson.jpg
Regra: RMS + Nome do produto.jpg Ex.: 593465-impressora-fotografica-epson.jpg
Ecommerce Carrefour - 2019
12
Formatos e Resolução
Pixelado
Suave
A qualidade de uma imagem é importante para o visual mas não podemos deixar que isso cause lentidão para o usuário final ao ter que baixar diversas imagens do site em cada página. Com o avanço dos softwares de imagem é possível salvar um arquivo com resolução de 72dpi e continuar com uma boa qualidade. Isso terá o mesmo visual e ajudará a manter um tamanho bom para o arquivo. Importante se atentar ao tamanho final dos arquivos e manter um padrão próximo ao ideal. Banner - JPG Transparente - PNG Resolução- 72 dpi Tamanho ideal: Banner 80kb | PNG 20kb
Ecommerce Carrefour - 2019
Imagem editorial em qualidade BAIXA
Imagem editorial em qualidade ALTA
JPG Qualidade Low: 10 Dpi Peso: 5 Kb
JPG Qualidade High: 72 Dpi Peso: 54 Kb
13
Salvar para Web e Compressão Existem duas maneiras de diminuir o tamanho final dos arquivos, uma delas pelo próprio Photoshop utilizando o comando “Salvar para a Web” e deixando a qualidade entre 60 e 70, assim você terá um arquivo bom e sem perder qualidade. A segunda maneira é utilizar alguma ferramenta online depois de ter salvo o arquivo no computador (ou se receber alguma imagem com tamanho muito alto, por exemplo) como o compressor.io, kraken.io, tinypng, entre outras. Photoshop
Tinypng.com
Ecommerce Carrefour - 2019
14
Acessibilidade: alt e title de imagens O atributo alt é uma maneira de fazer uma informação visual acessível, ele permite que a imagem seja compreendida, por exemplo, por deficientes visuais utilizando um sintetizador de voz.
Alt - Dia C Carrefour Todo o site em 24x sem juros Title - Promoções imperdíveis no Dia C Carrefour
Com o atributo preenchido corretamente, essas imagens também serão muito bem compreendidas pelos buscadores. O complemento é o Title. Através dele podemos dar o título daquela foto, uma descrição mais detalhada, diferente do alt que é um texto alternativo à imagem. É o title também que gera o tooltip, ou aquela caixinha que aparece quando você pousa o mouse em cima de uma imagem.
Alt - Impressora Epson preta Title - Impressora fotográfica Epson modelo XPTO
Alt - Smartphones Samsung com até 12% off a vista Title - Dia dos Pais Carrefour Smartphones Samsung
Ecommerce Carrefour - 2019
15
Nome das categorias e páginas especiais Sempre que um usuário entra no site, ele precisa saber que está na página correta. Ele pode ter feito uma busca por “TV” no Google e precisa saber que entrou na página de TVs. A melhor maneira de identificar rapidamente onde ele está é exibindo o nome da categoria ou página especial logo abaixo do header do site. Assim, ele tem uma visão clara de que está no lugar certo para encontrar os produtos que está buscando.
Código - HTML
Além disso, é muito importante que esse nome esteja em código HTML para leitura dos buscadores, e não nas imagens do banner via KV.
KV na imagem
Ecommerce Carrefour - 2019
16
Título das vitrines O título das vitrines deve ser condizente com dois critérios: 1. A página em que a vitrine está inserida 2. Os produtos que estão na vitrine Dessa forma, o título deve conter o nome da categoria/página ou os tipos de produtos da vitrine.
Código - HTML
KV na imagem
Ecommerce Carrefour - 2019
17
Title e Meta Description A tag Title corresponde ao título que será exibido nos buscadores. Quando você faz uma pesquisa e visualiza os resultados, eles vêm mostrados como título, URL e descrição. Pois a tag Meta Title é justamente aquele título.
Imagem
Como o nome diz, a Meta Description é a tag que cuida da descrição do conteúdo da página, apresentando na página de resultados, de maneira sintética, o que aquela página tem.
Title - {Nome da página/categoria} + texto vendedor Máximo 60 caracteres
Meta description - Descrever a categoria + diferenciais/modelos Máximo 150 caracteres
Ecommerce Carrefour - 2019
18
COMPONENTES
COMPONENTES
Header
VisĂŁo geral
Dispositivos
Formatos
1920x1080
Ecommerce Carrefour - 2019
1366x768
600x1080
21
Grid Desk 1366 px
1160 px 1366 px
Mobile
555 px 600 px
Ecommerce Carrefour - 2019
22
Guide Desk 1366 px
1
124 px
2
3
4
5
7
8
9
14 px
10
257 px
Mobile
555 px
1
127 px
Ecommerce Carrefour - 2019
6
2
3
16 px
4
22 px
23
Campanha Background (BG)
Desk
Logo da campanha
Mobile
Fundo infinito
Produto
Decoração
Logo da campanha
Fundo infinito
Produto Background (BG)
Ecommerce Carrefour - 2019
24
Produto Produto
Desk
Selo de desconto
Descrição
Fundo infinito
Mobile
Produto
Selo de desconto
Fundo infinito Preço
Ecommerce Carrefour - 2019
25
Parceria
Fundo infinito
Peça parceira
Desk
PARCERIA
Background (BG)
Mobile
Background (BG)
Peça parceira
Fundo infinito
Ecommerce Carrefour - 2019
26
COMPONENTES
Selos
Selos Desconto
% 0 3
% 0 3
% 0 3
% 0 3
Selo desconto Lorem ipsum
Selo desconto Lorem ipsum
Selo desconto Lorem ipsum
Selo desconto Lorem ipsum
desc
o n to
desc
o n to
desc
o n to
o desc
n to
Desconto
% S I 0 T Á 3 GR FRE
TE
desc
o n to
Selo desconto Lorem ipsum
Ecommerce Carrefour - 2019
% S I 0 T Á 3 GR FRE
TE
desc
o n to
Selo desconto Lorem ipsum
% S I 0 T Á 3 GR FRE
TE
desc
o n to
Selo desconto Lorem ipsum
% S I 0 T Á 3 GR FRE
TE
o desc
n to
Selo desconto Lorem ipsum
28
Grid
Fundo Lorem ipsum
Selo desconto
Ëł
15
Ecommerce Carrefour - 2019
% 0 3 d
o t n o esc
Ubuntu bold Lorem ipsum
Contorno Lorem ipsum
29
COMPONENTES
Secundรกrios
Grid Ă rea do produto Ă rea do texto
Indicador de categoria
Ecommerce Carrefour - 2019
31
Guide Lorem
ESPAÇO RESERVADO PARA O NOME DO PRODUTO Subtítulo
R$ 000,00 em até 6x s/ juros no Cartão Carrefour
Lorem Título
Produto
ESPAÇO RESERVADO PARA O NOME DO PRODUTO Subtítulo
Subtítulo
R$ 000,00
Cartão Carrefour
em até 6x s/ juros no Cartão Carrefour
Parcelamento
Ecommerce Carrefour - 2019
32
COMPONENTES
Vitrílula
Grid Borda Top: 8 px, 8 px
254 px
Lorem Ipsum Mauris imperdiet tellus sit accumsan nisl scelerisque ullamcorper ut sit amet felis. In hac habitasse platea dictumst.
LOREM IPSUM
Borda 8 px
120 px
Ecommerce Carrefour - 2019
34
Grid
Borda Top: 8 px, 8 px
555 px
Lorem Ipsum Mauris imperdiet tellus sitaccumsan nisl scelerisque ullamcorper ut sit amet felis. In hac habitasse platea dictumst.
LOREM IPSUM
Borda 8 px
140 px
Ecommerce Carrefour - 2019
35
Guide
TĂtulo Ubuntu Bold 44 pt
Lorem Ipsum Lorem Ipsum Mauris imperdiet tellus sit accumsan nisl scelerisque ullamcorper ut sit amet felis. In hac habitasse platea dictumst.
CTA Ubuntu Bold 15 pt
Chamada Ubuntu Regular 16 pt
LOREM IPSUM
58px
Ă?cone 95 x 95 px
Ecommerce Carrefour - 2019
36
Guide
TĂtulo Ubuntu Bold 44 pt
CTA Ubuntu Bold 15 pt
Lorem Ipsum Mauris imperdiet tellus sitaccumsan nisl scelerisque ullamcorper ut sit amet felis. In hac habitasse platea dictumst.
Chamada Ubuntu Regular 16 pt
LOREM IPSUM
Ă?cone 95 x 95 px
Ecommerce Carrefour - 2019
37
COMPONENTES
Mosaico
Grid Desk
255 px
Mobile
Seta
Espaรงamento 14px
1330 px
Ecommerce Carrefour - 2019
39
Grid Desk
Mobile
556 px
Ă rea do logo Seta
Passador
Ecommerce Carrefour - 2019
40
Guide Desk
Logo da campanha
Background da campanha
Mobile Logo da campanha
Background da campanha
Ecommerce Carrefour - 2019
41
COMPONENTES
Filete maior
Grid
Área para selo Lorem ipsum
Desk Chamada
8 px
290 px
LOREM IPSUM DOLOR SIT AMET, CONSECT 1366 px
Mobile
Área de produto Bloco de valores Chamada
Área de produto
90 px
Área para selo
LOREM IPSUM DOLOR SIT AMET, CONSECT Bloco de valores
600 px
Ecommerce Carrefour - 2019
43
Guide Desk Cartão Ubunto Bold 38 px
#ee2457
30% on desc
LOREM IPSUM DOLOR SIT AMET, CONSECT
to
Chamada Ubunto Bold 38 px
Selo Ver pag. 28
R$ 000,00 em até 6x s/ juros no Cartão Carrefour
Valor Ubunto Bold 30 px
Mobile
Parcelamento Ubunto light 11 px
Chamada Ubunto Bold 38 px
30 desc
LOREM IPSUM DOLOR SIT AMET, CONSECT %o
ont
R$ 000,00
Parcelamento Ubunto light 11 px
em até 6x s/ juros no Cartão Carrefour
Selo Ver pag. 00
Ecommerce Carrefour - 2019
Valor Ubunto Bold 30 px
44
Guide Lorem
30% desc
o n to
LOREM IPSUM DOLOR SIT AMET, CONSECT R$ 000,00 em até 6x s/ juros no Cartão Carrefour
Lorem Chamada Ubunto Bold 38 px
Selo Ver pag. 00
30% d
n to e s co
LOREM IPSUM DOLOR SIT AMET, CONSECT R$ 000,00 em até 6x s/ juros no Cartão Carrefour
#ee2457
Ecommerce Carrefour - 2019
Cartão Ubunto Bold 38 px
Parcelamento Ubunto light 11 px
Valor Ubunto Bold 30 px
45
COMPONENTES
Cadastro de e-mail
Grid Caixa de texto
Desk
LOREM IPSUM DOLOR SIT AMET, CONSECTETUER ADIPI elit sed diam nonum
Botão enviar
1366 px Área de conteúdo Ícone e-mail
Mobile Área de conteúdo 812 px
LOREM IPSUM DOLOR SIT AMET, CONSECTETUER ADIPI Ícone e-mail
elit sed diam nonum
Caixa de texto
Lorem
600 px
Ecommerce Carrefour - 2019
Botão enviar
47
Guide
Ícone 50x50 px #fff
Desk
Lorem ipsum dolor sit amet, consectetuer adipi
Texto Ubuntu Medium 15 px #fff
Seu e-mail aqui.
Enviar
(Elit sed diam nonum)
Texto Ubuntu Bold Ubuntu Light #fff
Mobile
Ícone 50x50 px #fff
Texto Open Sans Regular #bcbcbc
Botão enviar 70x40 px Borda 4 px #ee2457
Texto Ubuntu Bold Ubuntu Light #fff
LOREM IPSUM DOLOR SIT AMET, CONSECTETUER ADIPI elit sed diam nonum
Seu e-mail aqui.
Lorem Botão enviar 70x40 px Borda 4 px #ee2457
Ecommerce Carrefour - 2019
Caixa de texto 812x150 px Borda 4 px #fff
Caixa de texto 812x150 px Borda 4 px #fff
Texto Ubuntu Medium 15 px #fff
48
COMPONENTES
Espaรงo Publicidade
Grid
Área de conteúdo 23 px
Desk Tarja de localização #1c345c
Descrição Ubuntu - 12 px
434 px
Mobile
Área de conteúdo
23 px
Tarja de localização #1c345c
Descrição Ubuntu - 12 px
600 px
Ecommerce Carrefour - 2019
50
Guide
Efeito
Desk Logo do patrocinador ConteĂşdo
Consectetuer tera dipiscing elit cor.
CTA
CONFIRA
Produto
Mobile Efeito
Logo do patrocinador
conteĂşdo
CTA
Consectetuer tera dipiscing elit cor. CONFIRA Produto
Ecommerce Carrefour - 2019
51
COMPONENTES
Filete menor
Grid Desktop
Chamada
Bloco de valores
LOREM IPSUM DOLOR SIT AMET, CONSECT 1366 px
8 px
1366 px
Área de produto
Mobile Chamada Lorem ipsum
Área de produto
LOREM IPSUM DOLOR SIT AMET, CONSECT
Bloco de valores
600 px 600 px
Ecommerce Carrefour - 2019
53
Guide Lorem #f36f21
LOREM IPSUM DOLOR SIT AMET, CONSECT
Chamada Ubunto Bold 38 px
Lorem
Veja mais
Valor Ubunto Bold 30 px
Chamada Ubunto Bold 38 px
Chamada Ubunto Bold 38 px
Chamada Ubunto Bold 38 px
LOREM IPSUM DOLOR SIT AMET, CONSECT Veja mais Valor Ubunto Bold 30 px
Ecommerce Carrefour - 2019
54
COMPONENTES
Menu com links
Ícones Casa e Decoração
Tecnologia e Eletrônicos
Mobile
Infantil
Contorno
Saúde e Bem-Estar
Auto e Ferramentas Interior
Mercado
Ecommerce Carrefour - 2019
56
Grid Casa e Decoração
Tecnologia e Eletrônicos
Infantil
Saúde e Bem-Estar
Auto e Ferramentas
Mercado
Saúde e Bem-Estar
Auto e Ferramentas
Mercado
Lorem ipsum dolor Magna aliquam erat Duis autem Dolor sit amet
Lorem ipsum dolor Magna aliquam erat Duis autem Dolor sit amet Ut wisi enim ad mimimi Suscipit lobortis Duis dolore Feugiat nulla facilisis at Nonummy nibh
Lorem ipsum dolor Magna aliquam erat Duis autem Dolor sit amet Ut wisi enim ad mimimi Suscipit lobortis
Saúde e Bem-Estar
Auto e Ferramentas
Mercado
Lorem ipsum dolor Magna aliquam erat Duis autem Dolor sit amet
Lorem ipsum dolor Magna aliquam erat Duis autem Dolor sit amet Ut wisi enim ad mimimi Suscipit lobortis Duis dolore Feugiat nulla facilisis at Nonummy nibh
Lorem ipsum dolor Magna aliquam erat Duis autem Dolor sit amet Ut wisi enim ad mimimi Suscipit lobortis
VER+
Casa e Decoração Lorem ipsum dolor Magna aliquam erat Duis autem Dolor sit amet Ut wisi enim ad mimimi Suscipit lobortis Duis dolore Feugiat nulla facilisis at Nonummy nibh
Casa e Decoração Lorem ipsum dolor Magna aliquam erat Duis autem Dolor sit amet Ut wisi enim ad mimimi Suscipit lobortis Duis dolore Feugiat nulla facilisis at Nonummy nibh
Ecommerce Carrefour - 2019
Tecnologia e Eletrônicos Lorem ipsum dolor Magna aliquam erat Duis autem Dolor sit amet Ut wisi enim ad mimimi
Tecnologia e Eletrônicos Lorem ipsum dolor Magna aliquam erat Duis autem Dolor sit amet Ut wisi enim ad mimimi
Infantil Lorem ipsum dolor Magna aliquam erat Duis autem Dolor sit amet Ut wisi enim ad mimimi Suscipit lobortis Duis dolore Feugiat nulla facilisis at
Infantil Lorem ipsum dolor Magna aliquam erat Duis autem Dolor sit amet Ut wisi enim ad mimimi Suscipit lobortis Duis dolore Feugiat nulla facilisis at
57
Grid
BTN Casa e Decoração
+
Tecnologia e Eletrônicos
+
Infantil
+
Saúde e Bem-estrar
+
Auto e ferramentas
+
Mercado
+
Expandir
Caixa
BTN Casa e Decoração
Caixa expandida
Ícones
Ecommerce Carrefour - 2019
-
Diminuir
Lorem ipsum dolor Magna aliquam erat Duis autem Dolor sit amet Ut wisi enim ad mimimi Suscipit lobortis Duis dolore Feugiat nulla facilisis at Nonummy nibh
Tecnologia e Eletrônicos
+
Infantil
+
Saúde e Bem-estrar
+
Auto e ferramentas
+
Mercado
+ 58
Grid Estático
Expandido
Mouse Over
Divisória vertical Caixa de info. Casa e Decoração
Casa e Decoração
Área de ícones
Título
Lorem ipsum dolor Magna aliquam erat Duis autem Dolor sit amet Ut wisi enim ad mimimi Suscipit lobortis Duis dolore Feugiat nulla facilisis at Nonummy nibh
Casa e Decoração Lorem ipsum dolor Magna aliquam erat Duis autem Dolor sit amet Ut wisi enim ad mimimi Suscipit lobortis Duis dolore Feugiat nulla facilisis at Nonummy nibh
Seleção
Divisória horizontal
Borda redonda
Categorías
Estático Expandir
Expandir
VER+
#1c345c
Ecommerce Carrefour - 2019
On click
Mouse Over
Expandir
VER+
#4167a0
#1c345c
59
COMPONENTES
Nossos serviรงos
Grid Desk
Ă rea de produto
255 px
Mobile
14px
58px
1330 px
Ecommerce Carrefour - 2019
61
Grid Desk
556 px
Mobile
Ă rea do logo Seta
Passador
Ecommerce Carrefour - 2019
62
Guide Desk Ă rea do logo Fonte Ubuntu Medium 30 px #1d345c
556 px
Mobile
Ă rea do logo Fonte Ubuntu Medium 50 px #1d345c
Ecommerce Carrefour - 2019
63
COMPONENTES
Texto jurídico
Grid Desk 1330 px Lorem ipsum aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse.
300 px
Mobile
545 px Lorem ipsum aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse.
450 px
Ecommerce Carrefour - 2019
66
Guide Desk
Lorem ipsum aliquip ex ea commodo consequat.
Font Ubuntu light 20 px #1c345c
Font Ubuntu light 20 px #4d4d4d
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse.
Conteúdo 60 caracteres por linha
Font Ubuntu light 20 px #fff
Mobile
Font Ubuntu medium 25 px #1c345c Font Ubuntu regular 22 px #4d4d4d
Ecommerce Carrefour - 2019
Lorem ipsum aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse.
Conteúdo 44 caracteres por linha
Font Ubuntu light 20 px #fff
67
CONTEÚDO
CONTEร DO
Histรณrico
Guide Original
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.
Mouse Over
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim que praesent.
Ecommerce Carrefour - 2019
70
Guide Original
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.
Mouse Over
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim que praesent.
Ecommerce Carrefour - 2019
71
Guide Mouse Over
Ubuntu Bold 20 px
Ubuntu Regular 15 px
Ecommerce Carrefour - 2019
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nib. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim que praesent.
NĂşmero Max de caracteres:
85
NĂşmero Max de caracteres:
460
72
Cor/Padrão Espaço prioritáriamente vasio destinado para bloco de texto.
As cores do componente devem ser prioritariamente as descritas a baixo, caso as opções não cumpram o papel outro tom pode ser aplicado levando em conta a palheta de cores carrefour.
#BCBEC0
#EA194D
#FBB117
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Ecommerce Carrefour - 2019
O conteúdo da imagem deve levar em conta o assunto, cor e padrões aqui descritos.
Este espaço deve ser mantido.
O alinhamento do texto deve ser sempre a esquerda.
73
CONTEÚDO
Títulos
Guide
Ubuntu medium 30 px Título aqui
Número Max de caracteres:
85
Título aqui
Ecommerce Carrefour - 2019
75
Guide
TÃtulo aqui
Ecommerce Carrefour - 2019
76
CONTEÚDO
Catch Content
Guide Desk
Lorem ipsum? Dolore magna aliquama nostrud exerci tation.
Mobile
Lorem ipsum? Dolore magna aliquama nostrud exerci tation.
Ecommerce Carrefour - 2019
78
Guide Desk
Lorem ipsum?
118 px
Dolore magna aliquama nostrud exerci tation.
258 px 100 px
Mobile
Lorem ipsum?
275 px
Dolore magna aliquama nostrud exerci tation.
600 px 225 px
Ecommerce Carrefour - 2019
79
Guide Desk
Número Max de caracteres:
12
Área para selo Lorem ipsum
Lorem ipsum? Dolore magna aliquama nostrud exerci tation.
Área para selo Lorem ipsum Número Max de caracteres:
47
Mobile
Lorem ipsum? Dolore magna aliquama nostrud exerci tation.
Ecommerce Carrefour - 2019
80
Guide Desk
Mobile
em linha
Lorem ipsum?
Lorem ipsum?
Lorem ipsum?
Dolore magna aliquama nostrud exerci tation.
Dolore magna aliquama nostrud exerci tation.
Dolore magna aliquama nostrud exerci tation.
em coluna
Lorem ipsum? Dolore magna aliquama nostrud exerci tation.
Lorem ipsum? Dolore magna aliquama nostrud exerci tation.
Lorem ipsum? Dolore magna aliquama nostrud exerci tation.
Ecommerce Carrefour - 2019
81
CONTEĂšDO
Editorial
Overview
Desktop
Mobile
Presentes nerds para qualquer ocasião
Presentes nerds para qualquer ocasião
Presentes nerds para qualquer ocasião
Presentes nerds para qualquer ocasião
Está em dúvida sobre qual presente dar para os seu amigos nerds? Nós trouxemos uma lista básica de presentes nerds que nunca saem de moda e podem ser oferecidos não só no Dia do Orgulho Nerd, como também em qualquer data comemorativa. Confira nossa lista e decida quais mais combinam com quem será presenteado.
Está em dúvida sobre qual presente dar para os seu amigos nerds? Nós trouxemos uma lista básica de presentes nerds que nunca saem de moda e podem ser oferecidos não só no Dia do Orgulho Nerd, como também em qualquer data comemorativa. Confira nossa lista e decida quais mais combinam com quem será presenteado.
Livros e filmes são ótimos presentes nerds Muito se engana quem pensa que os nerds só gostam do mundo dos videogames. Eles também se identificam (e muito!) com o universo da literatura e do cinema. E o melhor: não faltam opções para presenteá-los. Isso porque, a todo momento, estão sendo lançadas novas histórias de heróis e ficção científica em edições especiais, muito bem produzidas, que, a cada dia, se tornam ainda mais populares entre nerds do mundo todo. Como sugestão, invista em algum desdobramento dos clássicos Star Wars e Star Trek. Você não vai se arrepender.
Livros e filmes são ótimos presentes nerds
Nerd que é nerd sabe de cor a lista dos seus jogos favoritos. Sendo assim, a melhor dica é pesquisar quais games fazem parte dela e promover uma grande surpresa. Como os nerds são muito antenados, vale lembrar que é sempre interessante pesquisar pelos games mais recentes para que seu presente não chegue atrasado na prateleira do jogador.
Muito se engana quem pensa que os nerds só gostam do mundo dos videogames. Eles também se identificam (e muito!) com o universo da literatura e do cinema. E o melhor: não faltam opções para presenteá-los. Isso porque, a todo momento, estão sendo lançadas novas histórias de heróis e ficção científica em edições especiais, muito bem produzidas, que, a cada dia, se tornam ainda mais populares entre nerds do mundo todo. Como sugestão, invista em algum desdobramento dos clássicos Star Wars e Star Trek. Você não vai se arrepender.
Acessórios para games e consoles
Games
Além dos jogos favoritos, os gamers também adoram ganhar acessórios que otimizam essa experiência, tanto no videogame, quanto no computador. Ou seja, se quiser dar um presente inesquecível, faça bonito com um controle customizado ou até mesmo um óculos 3D.
Nerd que é nerd sabe de cor a lista dos seus jogos favoritos. Sendo assim, a melhor dica é pesquisar quais games fazem parte dela e promover uma grande surpresa. Como os nerds são muito antenados, vale lembrar que é sempre interessante pesquisar pelos games mais recentes para que seu presente não chegue atrasado na prateleira do jogador.
Games
Objetos de decoração temáticos Como você deve ter reparado, as sugestões de presente anteriores se aproximam muito de itens colecionáveis, que são a verdadeira paixão nerd. Então que tal investir em um item para compor esse verdadeiro “oásis”? Bonecos Funko, miniaturas de personagens e até utensílios temáticos (e muitas vezes engraçados) são muito bem-vindos. Quer deixá-lo ainda mais feliz? Aposte em um lançamento e se torne referência na roda de amigos quando o assunto é presentes nerds. Boas compras!
Acessórios para games e consoles Além dos jogos favoritos, os gamers também adoram ganhar acessórios que otimizam essa experiência, tanto no videogame, quanto no computador. Ou seja, se quiser dar um presente inesquecível, faça bonito com um
Gostou? Compartilhe Gostou? Compartilhe
Ecommerce Carrefour - 2019
83
Guide
Número Max de caracteres:
38 px
50
Presentes nerds para qualquer ocasião
1160x480 px
25 px Presentes nerds para qualquer ocasião Está em dúvida sobre qual presente dar para os seu amigos nerds? Nós trouxemos uma lista básica de presentes nerds que nunca saem de moda e podem ser oferecidos não só no Dia do Orgulho Nerd, como também em qualquer data comemorativa. Confira nossa lista e decida quais mais combinam com quem será presenteado.
20 px
Livros e filmes são ótimos presentes nerds Muito se engana quem pensa que os nerds só gostam do mundo dos videogames. Eles também se identificam (e muito!) com o universo da literatura e do cinema. E o melhor: não faltam opções para presenteá-los. Isso porque, a todo momento, estão sendo lançadas novas histórias de heróis e ficção científica em edições especiais, muito bem produzidas, que, a cada dia, se tornam ainda mais populares entre nerds do mundo todo. Como sugestão, invista em algum desdobramento dos clássicos Star Wars e Star Trek. Você não vai se arrepender.
Games Nerd que é nerd sabe de cor a lista dos seus jogos favoritos. Sendo assim, a melhor dica é pesquisar quais games fazem parte dela e promover uma grande surpresa. Como os nerds são muito antenados, vale lembrar que é sempre interessante pesquisar pelos games mais recentes para que seu presente não chegue atrasado na prateleira do jogador.
Acessórios para games e consoles Além dos jogos favoritos, os gamers também adoram ganhar acessórios que otimizam essa experiência, tanto no videogame, quanto no computador. Ou seja, se quiser dar um presente inesquecível, faça bonito com um controle customizado ou até mesmo um óculos 3D.
Objetos de decoração temáticos Como você deve ter reparado, as sugestões de presente anteriores se aproximam muito de itens colecionáveis, que são a verdadeira paixão nerd. Então que tal investir em um item para compor esse verdadeiro “oásis”? Bonecos Funko, miniaturas de personagens e até utensílios temáticos (e muitas vezes engraçados) são muito bem-vindos. Quer deixá-lo ainda mais feliz? Aposte em um lançamento e se torne referência na roda de amigos quando o assunto é presentes nerds. Boas compras!
25 px
Ecommerce Carrefour - 2019
Gostou? Compartilhe
84
Guide
Número Max de caracteres:
38 px
50
Presentes nerds para qualquer ocasião
550x480 px
25 px
Presentes nerds para qualquer ocasião Está em dúvida sobre qual presente dar para os seu amigos nerds? Nós trouxemos uma lista básica de presentes nerds que nunca saem de moda e podem ser oferecidos não só no Dia do Orgulho Nerd, como também em qualquer data comemorativa. Confira nossa lista e decida quais mais combinam com quem será presenteado.
20 px
Livros e filmes são ótimos presentes nerds Muito se engana quem pensa que os nerds só gostam do mundo dos videogames. Eles também se identificam (e muito!) com o universo da literatura e do cinema. E o melhor: não faltam opções para presenteá-los. Isso porque, a todo momento, estão sendo lançadas novas histórias de heróis e ficção científica em edições especiais, muito bem produzidas, que, a cada dia, se tornam ainda mais populares entre nerds do mundo todo. Como sugestão, invista em algum desdobramento dos clássicos Star Wars e Star Trek. Você não vai se arrepender.
Games Nerd que é nerd sabe de cor a lista dos seus jogos favoritos. Sendo assim, a melhor dica é pesquisar quais games fazem parte dela e promover uma grande surpresa. Como os nerds são muito antenados, vale lembrar que é sempre interessante pesquisar pelos games mais recentes para que seu presente não chegue atrasado na prateleira do jogador.
Acessórios para games e consoles Além dos jogos favoritos, os gamers também adoram ganhar acessórios que otimizam essa experiência, tanto no videogame, quanto no computador. Ou seja, se quiser dar um presente inesquecível, faça bonito com um
25 px
Ecommerce Carrefour - 2019
Gostou? Compartilhe
85
Guide Elemento 1
20 px
Elemento 2
20 px
Elemento 3 20 px 20 px
Ecommerce Carrefour - 2019
Gostou? Compartilhe
86
CONTEÚDO
Comparação
Guide
Lorem ipsum? dolore magna aliquam
X Maecenas tincidunt ornare mi eu mattis. Fusce interdum luctus placerat. faucibus, vitae fermentum sapien fermentum. Nulla non ďŹ nibus nulla. volutpat, ut porttitor dolor mollis. Praesent ut suscipit dui, non pellente vel rhoncus lorem tristique in. Quisque feugiat nunc in tristique faucibus. rutrum dictum.
Lorem 171 px 550 px 171 px
Ecommerce Carrefour - 2019
88
Guide
Título
Lorem ipsum? dolore magna aliquam
Ícone
Texto
BTN
Ecommerce Carrefour - 2019
Subtítulo
X
Vs
Maecenas tincidunt ornare mi eu mattis. Fusce interdum luctus placerat. faucibus, vitae fermentum sapien fermentum. Nulla non finibus nulla. volutpat, ut porttitor dolor mollis. Praesent ut suscipit dui, non pellente vel rhoncus lorem tristique in. Quisque feugiat nunc in tristique faucibus. rutrum dictum.
Lorem
CTA
89
ACT FOR FOOD
Overview
Desktop
Lorem ipsum dolor amet du consectetuer hast bing muspi merol leafar
Mobile
Lorem ipsum dolor amet du consectetuer hast bing muspi merol leafar
Ecommerce Carrefour - 2019
91
Distribuição Desktop
Destaque na imagem IMAGEM
TEXTO
Destaque 50% IMAGEM
TEXTO
Destaque no texto IMAGEM
TEXTO
Apenas texto TEXTO
Ecommerce Carrefour - 2019
92
Distribuição Mobile
Destaque na imagem
Destaque no texto
IMAGEM IMAGEM TEXTO TEXTO
Destaque 50%
Apenas texto
IMAGEM TEXTO TEXTO
Ecommerce Carrefour - 2019
93
Formato Desktop
IMAGEM
TEXTO
689 px
IMAGEM
470 px
TEXTO
545 px
IMAGEM
375 px
Ecommerce Carrefour - 2019
614 px
TEXTO
784 px
94
Formato Mobile
IMAGEM
484 px
IMAGEM TEXTO
215 px
TEXTO
IMAGEM
TEXTO
Ecommerce Carrefour - 2019
200 px
500 px
312 px
388 px
95
Caracteres Desktop Número Max de caracteres:
40
Número Max de caracteres:
70
Número Max de caracteres:
100
Ecommerce Carrefour - 2019
IMAGEM
IMAGEM
IMAGEM
Lorem ipsum dolor consectetuer muspi merol
Lorem ipsum dolor amet du consectetuer hast bing muspi merol leafar
Lorem ipsum dolor amet du car amom consectetuer hast bing bazinga muspi merol leafar socram nos
96
Caracteres Mobile
Número Max de caracteres:
40
IMAGEM
IMAGEM
Lorem ipsum dolor ignun por consectetuer operatio Número Max de caracteres:
100
Lorem ipsum dolor amet dut consectetuer hast bing muspi merol leafaro noun stopu partito amenisto
IMAGEM Número Max de caracteres:
70
Ecommerce Carrefour - 2019
Lorem ipsum dolor amet du consectetuer hast bing muspi merol leafar
97
Guide Selos
Usar background muro azul.
30 o desc
%o
nt
Lorem ipsum dolor consectetuer muspi merol
40 px 8 px 15 px
40 px
140 px Priorizar imagens com o fundo claro para contrastar com o azul do bloco de texto. Se usar pessoas, evitar rostos. Usando comida, evitar o padrĂŁo europeu. Sempre usar produtos brasileiros.
Ecommerce Carrefour - 2019
98
Guide Selos
Priorizar imagens com o fundo claro para contrastar com o azul do bloco de texto. Se usar pessoas, evitar rostos. Usando comida, evitar o padrĂŁo europeu. Sempre usar produtos brasileiros.
30% desc
o n to
Lorem ipsum dolor amet du consectetuer hast bing muspi merol leafar
8 px
40 px Usar background muro azul. 40 px
15 px
140 px
Ecommerce Carrefour - 2019
99
OBRIGADO!