# Kesäalen grafiikat: kirkkaita julkaisuja omalla ilmeellä

[Canonical HTML page](https://gradiently.design/fi/guide/summer-sale-graphics)

Joka kesä syötteet täyttyvät samoista keltaisista auringoista, palmunlehdistä ja punaisista prosenteista. Kesäale voi tuntua aurinkoiselta ja silti omalta, kun vuodenaika on tehoste ja brändisi pysyy pohjana.

## The short version

- Parhaat kesäalen grafiikat säilyttävät brändin kirjasintyypin, asettelun ja pohjavärin ja lisäävät yhden tai kaksi aurinkoista tehostetta yleisen rantailmeen sijaan.
- Jokainen alejulkaisu tarvitsee kolme tietoa: mikä on alennuksessa, kuinka paljon ja milloin ale päättyy.
- Suunnitelmaan merkitty päättymisaika, jota toistetaan tarinoissa alen lähestyessä loppuaan, luo kiireen tunnetta paremmin kuin suuremmat prosenttimerkit.
- Lämmin koralli, sitruksenkeltainen ja uima-altaan sininen viestivät kesästä, ja liukuväreinä ne näyttävät täyteläisemmiltä kuin tasaisina väripintoina.
- Suunnittele kesäalelle neljä hetkeä: aloitus, muistutus puolivälissä, viimeinen viikonloppu ja viimeiset tunnit.

Hyvät **kesäalen grafiikat** ovat kirkkaita, selkeitä ja yhä brändisi näköisiä. Säilytä oma kirjasintyyppisi, tuttu asettelu ja pohjaväri. Tuo kesä mukaan yhdellä tai kahdella aurinkoisella tehosteella, kuten lämpimällä korallin hehkulla tai altaansinisellä liukuvärillä. Nosta kolme myyvää tietoa (mitä, kuinka paljon, mihin asti) sivun suurimmiksi elementeiksi. Se toimii palmujen täyttämää mallipohjaa paremmin, sillä asiakkaat tunnistavat sinut jo ennen ensimmäistä sanaa.

## Miksi useimmat kesäalen grafiikat näyttävät samoilta

Kesämallipohjissa toistuu sama rekvisiitta: auringot, aurinkolasit, palmunlehdet, mehujäät ja valtava punainen ”ALE”. Kun jokainen kauppa käyttää niitä samoina kahtena viikkona, julkaisu kertoo kesästä, mutta ei kenen kesästä. Jos seuraajiesi täytyy lukea käyttäjänimi tunnistaakseen sinut, suunnitelma ei täytä tehtäväänsä. [Alejulkaisun suunnittelu](https://gradiently.design/fi/guide/sale-post-design) käsittelee yleisiä periaatteita. Tässä keskitymme vuodenaikaan.

### Geneerinen kesä

- Leikekuva-aurinkoja ja palmunlehtiä
- Uusi otsikkofontti vain alea varten
- Tasainen keltainen tausta
- ”ALE” tarjousta suurempana
- Ei päättymisaikaa

### Sinun kesäsi

- Tuttu taustasi kesäisen hehkun lämmittämänä
- Brändisi kirjasintyyppi suurempana
- Syvä liukuväri, jonka toinen pää on aurinkoinen
- Tarjous itsessään otsikkona
- ”Päättyy sunnuntaina keskiyöllä” selkeällä tekstillä

## Brändiin sopivat kesäpaletit

Aloita brändisi nykyisestä väristä ja valitse sille kesäinen pari. Laivastonsininen sopii altaansiniseen ja hiekkaan, vihreä sitrukseen ja lehdenvihreään, pinkki koralliin ja persikkaan. Muutat värien lämpötilaa, et korvaa identiteettiä.

- Koralli: #ff6b5b
- Aprikoosi: #ffb547
- Sitrus: #ffe066
- Allas: #3ec1d3
- Syvä vesi: #0b4f6c
- Hiekka: #f6e7cf

Kesäpaletti. Syvä vesi ja Hiekka ovat riittävän rauhallisia tekstin taustaksi, Koralli, Sitrus ja Allas toimivat tehosteina.

- Kultainen hetki: `linear-gradient(160deg, #ffe066 0%, #ffb547 40%, #ff6b5b 100%)`
- Altaan syvä pää: `linear-gradient(180deg, #3ec1d3 0%, #1b8fa8 50%, #0b4f6c 100%)`
- Aurinko hiekalla: `radial-gradient(circle at 80% 15%, #ffe066 0%, #ffb547 20%, #f6e7cf 55%, #efd9b4 100%)`
- Rannan auringonlasku: `linear-gradient(135deg, #0b4f6c 0%, #3ec1d3 45%, #ff6b5b 100%)`

Kultainen hetki sopii muotiin ja ruokaan, Altaan syvä pää viileään ja raikkaaseen, Aurinko hiekalla vaaleaan ja rauhalliseen aleen, Rannan auringonlasku ilta-aloitukseen.

Huomaa, että jokaisessa on rauhallinen pää. Kirkkaankeltainen on kaunis, mutta valkoinen teksti erottuu siitä huonosti. Sijoita sanat siis syvempään kohtaan tai käytä tumminta väriäsi. [Kesän väripaletit](https://gradiently.design/fi/guide/summer-color-palettes) tarjoaa lisää yhdistelmiä, ja [oranssin ja pinkin liukuvärit](https://gradiently.design/fi/guide/orange-pink-gradient) syventyy lämpimiin sävyihin.

## Mitä jokaisen kesäalejulkaisun pitää kertoa

Ihmiset päättävät hetkessä, pysähtyvätkö alejulkaisun kohdalle. Siinä ajassa heidän pitää ymmärtää, mikä on alennuksessa, kuinka paljon ja kuinka kauan aikaa on. Kaikki muu on toissijaista.

1. **Tarjous otsikoksi** ”Uima-asut jopa 40% alennuksella” on otsikko. ”Kesäale” on yläotsikko.
2. **Päättymisaika aina näkyviin** ”Päättyy sunnuntaina keskiyöllä.” Ale ilman päättymisaikaa ei anna syytä toimia tänään.
3. **Yksi koodi tai yksi toimintaohje** ”Koodi SUN40 kassalla” tai ”Myymälässä ja verkossa”. Ei molempia ja lisäksi listaa poikkeuksista.
4. **Brändi tutulle paikalleen** Logo tuttuun kulmaan ja värit tutuille paikoilleen, jotta julkaisu tunnistetaan omaksesi.

Lämminsävyinen pystysuuntainen kesäalejulkaisu, jossa lukee Uima-asut jopa 40% alennuksella sekä päättymisaika

Aloitusjulkaisu koossa 1080×1350: tarjous ensin, päättymisaika selkeällä tekstillä.

Pystysuuntainen kesäaletarina, jossa lukee Viimeiset tunnit sekä tieto hintojen palautumisesta keskiyöllä

Viimeisen päivän tarina koossa 1080×1920, tilaa myös ajastintarralle.

## Kesäalen julkaisusuunnitelma

| Ajankohta | Muoto | Viesti |
| --- | --- | --- |
| Aloituspäivä | Syötejulkaisu ja tarina | Tarjous, päättymisaika, linkki |
| Puoliväli | Parhaiden tuotteiden karuselli | Mitä on vielä jäljellä, nopeasti loppuvat koot |
| Viimeinen viikonloppu | Tarina ja muistutus syötteessä | ”Päättyy sunnuntaina”, sama suunnitelma, uusi otsikko |
| Viimeiset tunnit | Vain tarinat | ”Viimeiset tunnit”, ajastintarra |
| Alen jälkeen | Tarina | Kiitos ja mitä seuraavaksi |

Säilytä sama suunnitelma joka vaiheessa ja vaihda vain otsikko. Tuttuus auttaa tunnistamaan alen sen lähestyessä loppuaan.

Ajastinkuva on viimeisen päivän hyödyllisin julkaisu. [Ajastinjulkaisun suunnittelu](https://gradiently.design/fi/guide/countdown-post-design) näyttää toimivia asetteluja. Vuodenajan vaihtuessa päättyvälle alelle otsikko ”loppukesän ale” antaa vielä yhden luontevan julkaisuhetken.

## Kesäalebannerien ja julisteiden koot

Ale näkyy monessa paikassa yhtä aikaa: syötteessä, tarinoissa, verkkosivullasi, sähköposteissasi ja ehkä näyteikkunassasi. Jokaisella on oma muotonsa, eikä neliöjulkaisusta rajattu suunnitelma yleensä toimi kaikkialla.

- Instagram-julkaisu: 1080 × 1350
- Tarina: 1080 × 1920
- Shopifyn pääbanneri: 1920 × 1080
- Sähköpostin yläkuva: 1200 × 600
- A4-ikkunajuliste: 2480 × 3508

Yhden kesäalen viisi muotoa mittakaavassa. Leveässä bannerissa sanojen pitää olla sivulla, julisteessa paljon suurempia.

Sijoita leveän verkkobannerin tarjous vasempaan kolmannekseen ja anna liukuvärin kirkkaan pään täyttää oikea reuna. Monissa teemoissa keskitetty otsikko voi jäädä navigaation ja painikkeiden alle. [Shopify-kaupan banneri](https://gradiently.design/fi/guide/shopify-store-design) kertoo, missä teksti säilyy näkyvänä puhelimessa. Ikkunajulisteen päättymisajan pitää erottua jalkakäytävän toiselta puolelta, joten tee siitä vähintään brändin nimen kokoinen.

Gradiently nopeuttaa tätä vaihetta. Suunnittele aloitusjulkaisu kerran ja muuta se Prolla kaikkiin kokoihin yhdellä kertaa. Jokainen versio asetellaan oman muotonsa mukaan rajaamisen sijaan. Mark pitää rauhallisimman alueensa sanojesi takana joka koossa, joten tarjous pysyy luettavana kirkkaimmassakin kesäliukuvärissä. Jos tarvitset alejulkaisusta kymmenen tuoteversiota, Pron joukkoluonti tekee ne laskentataulukosta.

## FAQ

### Mitä kesäalejulkaisuun kuuluu?

Mikä on alennuksessa, kuinka paljon ja milloin ale päättyy sekä yksi toimintaohje, kuten koodi tai ostopaikka. Pidä logo ja värit tutuilla paikoillaan.

### Mitkä värit sopivat kesäalen grafiikoihin?

Lämmin koralli, aprikoosi ja sitruksenkeltainen tai viileä altaansininen ja syvä vesi, yhdistettynä omaan brändiväriisi, jotta julkaisu näyttää yhä omaltasi.

### Minkä kokoinen kesäalebanneri on?

Shopifyn pääbanneri on 1920×1080, sähköpostin yläkuva 1200×600, Instagram-julkaisu 1080×1350 ja tarina 1080×1920.

### Miten luon kesäaleen kiireen tunnetta?

Merkitse päättymisaika suunnitelmaan, toista se uudella otsikolla alen lähestyessä loppuaan ja julkaise viimeisinä tunteina ajastintarinoita.