# Gráficos para a Cyber Monday: um look para a promoção só online
[Canonical HTML page](https://gradiently.design/pt-pt/guide/cyber-monday-graphics)
A Cyber Monday passa-se quase só em ecrãs, caixas de entrada e páginas de pagamento. Os seus gráficos têm uma função diferente dos da Black Friday e merecem um look próprio, mais frio.
## The short version
- 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.
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](https://gradiently.design/pt-pt/guide/black-friday-post-ideas) 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.
- Azul de ecrã: `radial-gradient(circle at 70% 25%, #38bdf8 0%, #0c4a6e 38%, #050b14 78%)`
- Brilho ciano: `radial-gradient(circle at 25% 70%, #22d3ee 0%, #164e63 40%, #04101a 80%)`
- Índigo para ciano: `linear-gradient(135deg, #0b1026 0%, #3730a3 50%, #22d3ee 100%)`
- Violeta elétrico: `radial-gradient(circle at 80% 80%, #a855f7 0%, #3b0764 40%, #0a0614 80%)`
Quatro fundos para a Cyber Monday. Cada um junta uma base quase preta a uma cor de luz de ecrã.
- Tinta: #050b14
- Azul profundo: #0c4a6e
- Azul de ecrã: #38bdf8
- Texto gelo: #e0f2fe
- Dourado de sexta: #d4a24c
Uma paleta que dá seguimento à Black Friday: o acento dourado mantém-se, usado em pequeno, enquanto o fundo passa a azul.
O néon parece emocionante num telemóvel escuro e horrível quando vibra contra si próprio. [Gradientes néon](https://gradiently.design/pt-pt/guide/neon-gradients) explica como manter as cores brilhantes limpas, e [paletas de cores cyberpunk](https://gradiently.design/pt-pt/guide/cyberpunk-colors) 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.
```html
```
Uma faixa de anúncio fina. A cor mais escura fica nas duas pontas e a luz só ao meio, para o texto claro manter o contraste.
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](https://gradiently.design/pt-pt/guide/website-hero-background) 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 largo de email da Cyber Monday com gradiente azul e as palavras Só hoje, 25% de desconto
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](https://gradiently.design/pt-pt/guide/email-header-design) 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.
Uma publicação vertical de promoção da Cyber Monday com gradiente azul elétrico e a oferta em letras grandes
A publicação da manhã: ocasião, oferta e prazo.
Um story vertical a contar as últimas seis horas de uma promoção da Cyber Monday
O story da noite, com espaço por baixo para o sticker de ligação.
| Gráfico | Tamanho | Nota |
| --- | --- | --- |
| Publicação no Instagram | 1080×1350 | Lançamento da manhã |
| Story | 1080×1920 | Lembretes com sticker de ligação |
| Cabeçalho de email | 1200×600 | Oferta na metade de cima |
| Hero do site | 1920×1080 | Palavras no terço central |
| Pré-visualização da ligação | 1200×630 | Aparece quando a página da promoção é partilhada |
Tudo o que uma promoção online de um dia precisa, num só look.
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.
> **Retira tudo a tempo** Quando a promoção acaba, retira o banner, volta a pôr a pré-visualização da ligação de antes e arquiva os stories. Um banner da Cyber Monday ainda visível na quarta-feira faz o prazo parecer nunca ter sido real, e o do próximo ano será acreditado um pouco menos.
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](https://gradiently.design/pt-pt/guide/open-graph-image-size) 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.
## FAQ
### 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ê.