A versão curta
- Os gráficos da Cyber Monday funcionam melhor com uma paleta fria e digital, claramente relacionada com o teu look da Black Friday, mas visivelmente diferente.
- Como a Cyber Monday é uma promoção online, o banner do site e o cabeçalho do email contam tanto como as publicações sociais.
- Cada gráfico da Cyber Monday deve levar a uma só ação, normalmente uma ligação, e dizer com clareza quando a oferta termina.
- Um banner estreito num site precisa de uma única linha curta, porque se lê em menos de um segundo a caminho de outra coisa.
- Azuis elétricos, cianos e violetas sobre um fundo quase preto lêem-se como digitais sem precisarem de padrões de circuitos nem de efeitos glitch.
Nesta página
Os melhores gráficos para a Cyber Monday parecem inconfundivelmente digitais e apontam para algum lado: uma paleta fria e elétrica sobre fundo escuro, uma linha curta e uma ligação. A Cyber Monday é a promoção online, por isso o trabalho não se limita às publicações sociais. É o banner no teu site, o cabeçalho do email que chega nessa manhã e a pré-visualização da ligação que as pessoas veem quando partilham. Faz tudo a partir de um só look e o dia parece um evento, e não uma repetição de sexta-feira.
Em que a Cyber Monday difere da Black Friday
A Black Friday nasceu como um dia de lojas físicas, e os seus visuais ainda vão buscar às montras: cores quentes, letreiros grandes. A Cyber Monday ganhou o nome das compras online, e a maioria dos seus gráficos vê-se num telemóvel um segundo antes de alguém tocar. Isso muda três coisas.
Black Friday
- Fundos quentes, dourado e brasa
- Construída em torno do anúncio
- Publicações do feed e stories à frente
- Pode durar vários dias
Cyber Monday
- Fundos frios, azul elétrico e ciano
- Construída em torno do clique
- Email, banner do site e pré-visualizações de ligações à frente
- Normalmente um dia, por isso a urgência é real
Se fizeste uma sequência para a Black Friday, mantém a tipografia, o layout e a voz e muda a temperatura. As pessoas devem reconhecer-te de imediato e ainda assim ver que começou algo novo. Publicações de redes sociais para a Black Friday prepara essa primeira metade.
Cores e paletas da Cyber Monday
O digital não precisa de placas de circuitos, efeitos glitch nem código binário ao fundo. A cor faz isso sozinha. Uma luz que parece vir de um ecrã, em azul, ciano ou violeta, sobre um fundo de tinta profundo, lê-se logo como online. Mantém um só acento e deixa o resto escuro.
O néon parece emocionante num telemóvel escuro e horrível quando vibra contra si próprio. Gradientes néon explica como manter as cores brilhantes limpas, e paletas de cores cyberpunk vai mais longe se a tua marca aguentar.
Banner da Cyber Monday para o teu site
Um banner de site lê-se a caminho de outra coisa, por isso tem uma linha curta e um prazo. A faixa fina acima da navegação é a versão menos intrusiva e funciona em todas as páginas. Aqui fica uma em CSS simples, com uma cor de recurso caso o gradiente não carregue e texto que se mantém claro em todas as partes.
<div class="cm-banner" role="region" aria-label="Cyber Monday sale">
<a href="/sale">Cyber Monday: 25% off everything, today only</a>
</div>
<style>
.cm-banner {
background-color: #050b14;
background-image: linear-gradient(90deg, #050b14 0%, #0c4a6e 50%, #050b14 100%);
text-align: center;
padding: 10px 16px;
}
.cm-banner a {
color: #e0f2fe;
font: 600 15px/1.4 system-ui, sans-serif;
text-decoration: none;
}
</style>Para um hero completo em vez de uma faixa, desenha a 1920×1080 e mantém as palavras no terço esquerdo ou central, onde sobrevivem ao recorte em ecrãs mais pequenos. Fundos de hero para sites trata de tamanhos e desempenho.
Design de email para a Cyber Monday
Para muitas lojas, o email da Cyber Monday é o gráfico mais importante do dia. O cabeçalho tem 1200×600 e, num telemóvel, o primeiro ecrã de um email mostra muitas vezes pouco mais do que isso, por isso a oferta pertence à metade de cima. Mantém as palavras como texto real no email sempre que possível e usa a imagem do cabeçalho para o ambiente e o título.
Um cabeçalho de email a 1200×600: a oferta na metade de cima, onde todas as caixas de entrada a mostram.
- O assunto e o cabeçalho devem dizer o mesmo, com as mesmas palavras.
- Põe um botão sob o cabeçalho, não cinco.
- Escreve o prazo com o fuso horário, sobretudo se vendes para o estrangeiro.
- Verifica o cabeçalho no modo escuro, onde algumas caixas de entrada mudam as cores à volta.
Design de cabeçalhos de email tem mais sobre tamanhos e peculiaridades do modo escuro.
Publicações e stories da Cyber Monday
Nas redes sociais, a Cyber Monday é curta, por isso duas ou três publicações chegam: um lançamento de manhã, um lembrete em story ao meio-dia e uma última chamada à noite. Cada uma deve enviar as pessoas para a ligação, por isso deixa espaço nos stories para o sticker de ligação.
A publicação da manhã: ocasião, oferta e prazo.
O story da noite, com espaço por baixo para o sticker de ligação.
Tamanho
Nota
Nota
Tamanho
Nota
Tamanho
Nota
Tamanho
Nota
Faz tudo isto na semana anterior, não na manhã de segunda-feira. No dia vais querer acompanhar as encomendas e responder a mensagens, e a única alteração de design que deve restar é trocar “Faltam seis horas” por “Falta uma hora” no último story.
A pré-visualização da ligação é a que as pessoas esquecem. Quando alguém partilha a página da tua promoção, essa imagem é o gráfico que os amigos veem, por isso define-a para o dia. Tamanho da imagem Open Graph mostra como. Com o Pro, o Gradiently redimensiona um design acabado para todos estes formatos num só passo, e o fundo mantém a sua zona mais calma por trás das palavras em cada tamanho.
Perguntas frequentes
Quando é a Cyber Monday?
A Cyber Monday é a segunda-feira a seguir ao Dia de Ação de Graças dos EUA, por isso vem sempre depois do fim de semana da Black Friday. Muitas lojas fazem uma só oferta de sexta a segunda e mudam o look no último dia.
Que cores são boas para os gráficos da Cyber Monday?
Cores frias, de ecrã, como azul elétrico, ciano e violeta sobre um fundo quase preto lêem-se como digitais e distinguem o dia da Black Friday.
Que tamanho tem um cabeçalho de email da Cyber Monday?
1200×600 píxeis é um tamanho fiável. Mantém a oferta na metade de cima, porque é a parte que as pessoas veem primeiro num telemóvel.
Os gráficos da Cyber Monday devem combinar com os da Black Friday?
Mantém a mesma tipografia, o mesmo layout e a mesma voz para as pessoas te reconhecerem, e muda a temperatura da cor para o novo dia parecer novo.
O que deve dizer o banner da Cyber Monday no site?
Uma linha curta com a oferta e o prazo, ligada à página da promoção. Um banner olha-se, não se lê.
Escrito pela Gradiently
A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.
Ver o nosso perfil