# Cyber Monday-graphics: een look voor de online uitverkoop
[Canonical HTML page](https://gradiently.design/nl/guide/cyber-monday-graphics)
Cyber Monday speelt zich bijna volledig af op schermen, in inboxen en op afrekenpagina’s. Zijn graphics hebben een andere taak dan die van Black Friday en verdienen hun eigen, koelere look.
## The short version
- Cyber Monday-graphics werken het best met een koel, digitaal palet dat duidelijk verwant is aan je Black Friday-look maar er zichtbaar van verschilt.
- Omdat Cyber Monday een online uitverkoop is, tellen de websitebanner en de e-mailheader even zwaar als de socialposts.
- Elke Cyber Monday-graphic moet naar één actie leiden, meestal een link, en duidelijk zeggen wanneer de aanbieding eindigt.
- Een smalle sitebanner heeft één korte regel nodig, omdat hij in minder dan een seconde wordt gelezen op weg naar iets anders.
- Elektrisch blauw, cyaan en violet op een bijna zwarte ondergrond ogen digitaal zonder schakelpatronen of glitcheffecten.
De beste **Cyber Monday-graphics** ogen onmiskenbaar digitaal en wijzen ergens heen: een koel, elektrisch palet op een donkere ondergrond, één korte regel en een link. Cyber Monday is de online uitverkoop, dus het werk bestaat niet alleen uit socialposts. Het is de banner over je website, de header van de e-mail die die ochtend binnenkomt en de linkvoorvertoning die mensen zien als ze delen. Maak ze allemaal vanuit één look en de dag voelt als een evenement in plaats van een herhaling van vrijdag.
## Hoe Cyber Monday verschilt van Black Friday
Black Friday begon als een dag in de winkel, en de beelden lenen nog steeds van etalages: warme kleuren, grote borden. Cyber Monday is vernoemd naar online winkelen, en de meeste graphics zie je op een telefoon een seconde voordat iemand tikt. Dat verandert drie dingen.
### Black Friday
- Warme ondergronden, goud en gloed
- Gebouwd rond de aankondiging
- Feedposts en stories voorop
- Kan meerdere dagen lopen
### Cyber Monday
- Koele ondergronden, elektrisch blauw en cyaan
- Gebouwd rond de klik
- E-mail, sitebanner en linkvoorvertoningen voorop
- Meestal één dag, dus de urgentie is echt
Als je een Black Friday-reeks draaide, houd dan de letters, de layout en de stem aan en verander de temperatuur. Mensen moeten je meteen herkennen en toch zien dat er iets nieuws begonnen is. [Socialmediaposts voor Black Friday](https://gradiently.design/nl/guide/black-friday-post-ideas) zet die eerste helft op.
## Cyber Monday-kleuren en -paletten
Digitaal heeft geen printplaten, glitcheffecten of binaire code op de achtergrond nodig. Kleur doet het zelf. Licht dat van een scherm lijkt te komen, in blauw, cyaan of violet, tegen een diepe inktondergrond, leest meteen als online. Houd één accent en laat de rest donker.
- Schermblauw: `radial-gradient(circle at 70% 25%, #38bdf8 0%, #0c4a6e 38%, #050b14 78%)`
- Cyaangloed: `radial-gradient(circle at 25% 70%, #22d3ee 0%, #164e63 40%, #04101a 80%)`
- Indigo naar cyaan: `linear-gradient(135deg, #0b1026 0%, #3730a3 50%, #22d3ee 100%)`
- Elektrisch violet: `radial-gradient(circle at 80% 80%, #a855f7 0%, #3b0764 40%, #0a0614 80%)`
Vier Cyber Monday-ondergronden. Elk combineert een bijna zwarte basis met één kleur schermlicht.
- Inkt: #050b14
- Diepblauw: #0c4a6e
- Schermblauw: #38bdf8
- IJstekst: #e0f2fe
- Vrijdaggoud: #d4a24c
Een palet dat aansluit op Black Friday: het gouden accent blijft, klein gebruikt, terwijl de ondergrond blauw wordt.
Neon ziet er opwindend uit op een donkere telefoon en vreselijk als het tegen zichzelf trilt. [Neonverlopen](https://gradiently.design/nl/guide/neon-gradients) behandelt hoe je heldere kleuren zuiver houdt, en [cyberpunk-kleurenpaletten](https://gradiently.design/nl/guide/cyberpunk-colors) gaat verder als je merk het kan dragen.
## Cyber Monday-banner voor je website
Een websitebanner wordt gelezen op weg naar iets anders, dus hij krijgt één korte regel en een deadline. De dunne strook boven de navigatie is de minst opdringerige versie en werkt op elke pagina. Hier is er een in gewone CSS, met een terugvalkleur voor als het verloop niet laadt en tekst die op elk deel licht blijft.
```html
```
Een slanke aankondigingsstrook. De donkerste kleur staat aan beide uiteinden en het licht alleen in het midden, zodat de lichte tekst zijn contrast houdt.
Voor een volledige hero in plaats van een strook ontwerp je op 1920×1080 en houd je de woorden in het linker- of middelste derde, waar ze bijsnijden op kleinere schermen overleven. [Achtergronden voor website-hero’s](https://gradiently.design/nl/guide/website-hero-background) behandelt formaten en prestaties.
## Cyber Monday-e-mailontwerp
Voor veel winkels is de Cyber Monday-e-mail de belangrijkste graphic van de dag. De header is 1200×600, en op een telefoon toont het eerste scherm van een e-mail vaak weinig meer dan dat, dus de aanbieding hoort in de bovenste helft. Houd de woorden waar mogelijk als echte tekst in de e-mail en gebruik het headerbeeld voor sfeer en de kop.
Een brede Cyber Monday-e-mailheader met een blauw verloop en de woorden Alleen vandaag, 25% korting
Een e-mailheader van 1200×600: de aanbieding in de bovenste helft, waar elke inbox hem toont.
- Onderwerpregel en header moeten hetzelfde zeggen in dezelfde woorden.
- Zet één knop onder de header, niet vijf.
- Schrijf de deadline met een tijdzone, zeker als je in het buitenland verkoopt.
- Controleer de header in de donkere modus, waar sommige inboxen de kleuren eromheen veranderen.
[Ontwerp van e-mailheaders](https://gradiently.design/nl/guide/email-header-design) heeft meer over formaten en eigenaardigheden van de donkere modus.
## Cyber Monday-posts en -stories
Op social is Cyber Monday kort, dus twee of drie posts zijn ruim genoeg: een lancering in de ochtend, een story-herinnering rond de middag en een laatste oproep in de avond. Elk moet mensen naar de link sturen, dus laat in stories ruimte voor de linksticker.
Een staande Cyber Monday-uitverkooppost met een elektrisch blauw verloop en de aanbieding in grote letters
De ochtendpost: gelegenheid, aanbieding en deadline.
Een verticale story die de laatste zes uur van een Cyber Monday-uitverkoop aftelt
De avondstory, met ruimte eronder voor de linksticker.
| Graphic | Formaat | Opmerking |
| --- | --- | --- |
| Instagram-post | 1080×1350 | Lancering in de ochtend |
| Story | 1080×1920 | Herinneringen met een linksticker |
| E-mailheader | 1200×600 | Aanbieding in de bovenste helft |
| Website-hero | 1920×1080 | Woorden in het middelste derde |
| Linkvoorvertoning | 1200×630 | Getoond als de uitverkooppagina wordt gedeeld |
Alles wat een online uitverkoop van één dag nodig heeft, in één look.
Maak dit allemaal de week ervoor, niet maandagochtend. Op de dag wil je bestellingen volgen en berichten beantwoorden, en de enige ontwerpwijziging die overblijft zou “Nog zes uur” vervangen door “Nog één uur” moeten zijn op de laatste story.
> **Haal het op tijd weg** Als de uitverkoop eindigt, verwijder je de banner, zet je de linkvoorvertoning terug en archiveer je de stories. Een Cyber Monday-banner die woensdag nog staat laat de deadline lijken alsof hij nooit echt was, en die van volgend jaar wordt een beetje minder geloofd.
De linkvoorvertoning is degene die mensen vergeten. Als iemand je uitverkooppagina deelt, is dat beeld de graphic die hun vrienden zien, dus stel hem in voor de dag. [Open Graph-afbeeldingsformaat](https://gradiently.design/nl/guide/open-graph-image-size) laat zien hoe. Met Pro past Gradiently één afgewerkt ontwerp in één stap aan op elk van deze formaten, en de achtergrond houdt zijn rustigste gebied achter de woorden op elk formaat.
## FAQ
### Wanneer is Cyber Monday?
Cyber Monday is de maandag na Thanksgiving in de VS, dus volgt altijd op het Black Friday-weekend. Veel winkels draaien één aanbieding van vrijdag tot maandag en veranderen de look voor de laatste dag.
### Welke kleuren zijn goed voor Cyber Monday-graphics?
Koele, schermachtige kleuren zoals elektrisch blauw, cyaan en violet op een bijna zwarte ondergrond lezen als digitaal en zetten de dag los van Black Friday.
### Welk formaat heeft een Cyber Monday-e-mailheader?
1200×600 pixels is een betrouwbaar formaat. Houd de aanbieding in de bovenste helft, want dat is wat mensen op een telefoon het eerst zien.
### Moeten Cyber Monday-graphics bij Black Friday passen?
Houd dezelfde letters, layout en stem aan zodat mensen je herkennen, en verander de kleurtemperatuur zodat de nieuwe dag nieuw voelt.
### Wat moet een Cyber Monday-websitebanner zeggen?
Eén korte regel met de aanbieding en de deadline, gelinkt aan de uitverkooppagina. Een banner wordt bekeken, niet gelezen.