Markkinat
Hinnoittelu
Kirjaudu sisäänAloita
SuunnitteluopasKäyttötavat
Käyttötavat

Uutiskirjeen brändäys: otsakkeet ja tunnistettava numero

Postilaatikko on pelkkä nimien ja aiherivien lista, kunnes lukija avaa kirjeesi. Silloin sinulla on yhden otsakkeen verran aikaa osoittaa, että tämä on hänen tilaamansa uutiskirje.

GradientlyVahvistettu Gradiently-tili·1. lokakuuta 2026·4 min lukuaika
Kansi: Sunlit Atrium · GR·CT6Y·95

Lyhyesti

  • Uutiskirjeen brändäys tarkoittaa yhtenäistä nimeä, nimiötä, palettia ja typografiaa sähköpostissa, verkkoarkistossa sekä numeroita mainostavissa korteissa.
  • Sähköpostiotsake suunnitellaan yleensä 1200×600 pikselin kokoiseksi ja näytetään noin 600 pikselin levyisenä, joten tekstin pitää olla suurta ja vähäistä.
  • Substack-julkaisun otsake on 1456×816 pikseliä ja toimii myös numeron esikatselukuvana jaettaessa.
  • Luotettavin nimiöjärjestelmä pitää nimen ja asettelun samoina ja vaihtaa yhtä asiaa numeroittain, esimerkiksi numeroa, otsikkoa tai kauden väriä.
  • Jokainen numero ansaitsee kaksi tai kolme somekokoista esittelykorttia, jotka tehdään samalla asettelulla muutamassa minuutissa.
Tällä sivulla
Uutiskirjeen kuvakootSuunnittele joka numerolle toimiva nimiöPostilaatikossa luettava paletti ja typografiaEsittelykortit jokaiselle numerolleTee ilmeestä vain sinun

Uutiskirjeen brändäys saa lukijan tunnistamaan numerosi ennen lukemista: sama nimiö jokaisen sähköpostin yläosassa, verkkoarkistossa jatkuva paletti ja kirjasin sekä samaan julkaisuun kuuluvilta näyttävät somekortit. Suunnittele sähköpostiotsake kokoon 1200×600 ja Substack-otsake kokoon 1456×816. Pidä asettelu samana ja vaihda vain numeron tiedot. Lukijat palaavat vakaalta tuntuviin julkaisuihin, ja yhtenäinen ilme nopeuttaa jokaisen numeron tekemistä.

Uutiskirjeen kuvakoot

Sähköpostiotsake

Koko

1200×600 px

Huomio

Näkyy useimmissa postilaatikoissa noin 600 px leveänä
Substack-julkaisun otsake

Koko

1456×816 px

Huomio

Myös numeron jakamisen esikatselukuva
Linkin esikatselu (Open Graph)

Koko

1200×630 px

Huomio

Omalle arkistolle tai laskeutumissivulle
Medium-artikkelin kuva

Koko

1400×788 px

Huomio

Jos julkaiset sisällön myös siellä
X-julkaisu

Koko

1600×900 px

Huomio

Esittelykortti jokaiselle numerolle
Instagramin ja LinkedInin pystykuva

Koko

1080×1350 px

Huomio

Esittely- ja sitaattikortit
Sähköpostiallekirjoitus

Koko

600×200 px

Huomio

Pieni tilauslinkin sisältävä banneri
AineistoKokoHuomio
Sähköpostiotsake1200×600 pxNäkyy useimmissa postilaatikoissa noin 600 px leveänä
Substack-julkaisun otsake1456×816 pxMyös numeron jakamisen esikatselukuva
Linkin esikatselu (Open Graph)1200×630 pxOmalle arkistolle tai laskeutumissivulle
Medium-artikkelin kuva1400×788 pxJos julkaiset sisällön myös siellä
X-julkaisu1600×900 pxEsittelykortti jokaiselle numerolle
Instagramin ja LinkedInin pystykuva1080×1350 pxEsittely- ja sitaattikortit
Sähköpostiallekirjoitus600×200 pxPieni tilauslinkin sisältävä banneri
Suunnittele otsake kaksinkertaisena näyttöleveyteen nähden, jotta se pysyy terävänä suuren pikselitiheyden näytöillä.

Sähköpostiotsake 1200×600

1200 × 600

Substack-otsake 1456×816

1456 × 816

Esittelykortti 1080×1350

1080 × 1350

X-kortti 1600×900

1600 × 900

Neljä muotoa, yksi julkaisu. Sähköpostiotsake on levein ja matalin, joten siihen mahtuu vähiten tekstiä.

Tarkemmat alustakohtaiset mitat löytyvät oppaista Substack-otsakkeen koko ja sähköpostiotsakkeen suunnittelu. Jos julkaiset myös LinkedInissä, sen uutiskirjekannella on omat sääntönsä, joita käsittelee LinkedIn-uutiskirjeen kansi.

Suunnittele joka numerolle toimiva nimiö

Nimiö on uutiskirjeesi pysyvä yläosa: nimi, mahdollinen lyhyt kuvaus ja numeron tiedot. Painetut lehdet ovat käyttäneet ajatusta reilusti yli vuosisadan, koska se toimii. Lukija löytää nimen joka kerta samasta paikasta ja sen alla sisältö voi vaihtua vapaasti.

Numero 48 · Sunnuntai
The Slow Kitchen
Yksi kauden resepti ja selitys, miksi se toimii
Gradiently · @gradiently

Sähköpostiotsake: suuri nimi, pieni numero ja päivä yläpuolella sekä yksirivinen lupaus alla.

  1. 1

    Pidä nimi ja paikka samoina

    Sama kirjasin, koko ja sijainti joka numerossa. Tämän osan lukijat oppivat tunnistamaan.

  2. 2

    Valitse muuttuva asia

    Valitse yksi muuttuja: numero, päivämäärä, otsikko tai kauden väri. Yksi riittää.

  3. 3

    Pidä teksti poissa reunoilta

    Jotkin sähköpostisovellukset rajaavat tai skaalaavat otsakkeita. Pidä sanat keskimmäisellä 80 prosentilla.

  4. 4

    Kirjoita kunnollinen vaihtoehtoinen teksti

    Osa lukijoista pitää kuvat oletusarvoisesti pois päältä. Vaihtoehtoinen teksti, kuten ”The Slow Kitchen, numero 48”, säilyttää nimiön tehtävän ilman kuvaa.

Jos vaihdat yhden asian numeroittain, valitse merkityksellinen asia. Viikoittaisen ruokakirjeen väri voi seurata vuodenaikoja. Kuukausittainen talouskirje voi nostaa otsakkeeseen kuukauden tärkeimmän luvun.

Neljä vuodenaikataustaa saman nimiön takana. Lukija tuntee vuoden kuluvan, vaikka julkaisu pysyy samana.

Postilaatikossa luettava paletti ja typografia

Uutiskirje on enimmäkseen tekstiä, joten typografia on otsaketta tärkeämpää. Käytä yhtä luettavaa leipätekstikirjasinta, erottuvaa otsikkokirjasinta nimelle ja yhtä tehosteväriä linkeille ja painikkeille. Pidä leipäteksti tummana vaalealla: moni käyttää tummaa tilaa, ja sähköpostisovellukset kääntävät värejä tavoilla, joita et voi täysin hallita.

Lämmin toimituksellinen paletti. Paperi ja muste hoitavat lukemisen, ruoste kuuluu nimeen ja meripihka vain linkkeihin.

Hajoaa postilaatikossa

  • Tärkeät sanat kuvassa ilman vaihtoehtoista tekstiä
  • Ohut vaaleanharmaa leipäteksti
  • Pelkkää tekstiä täynnä oleva otsake ilman väljyyttä
  • Taustakuvat leipätekstin takana

Kestää postilaatikossa

  • Kaikki tärkeä oikeana tekstinä
  • Vahvakontrastinen leipäteksti vaaleassa ja tummassa tilassa
  • Otsake, jossa nimi on selkeä ja sen ympärillä on tilaa
  • Liukuvärit vain otsakekuvassa

Sähköpostiohjelmat suhtautuvat CSS:ään tiukasti, joten liukuvärit kuuluvat otsakekuvaan eikä koodiin. Liukuvärit sähköpostissa selittää, mitkä ratkaisut toimivat missäkin sovelluksissa.

Esittelykortit jokaiselle numerolle

Useimmat uutiskirjeet kasvavat jakamisten ja somejulkaisujen kautta. Pelkkä linkki yleiskuvalla jää helposti huomiotta. Tee joka numerolle kaksi tai kolme korttia samasta pohjasta: yksi numeron otsikolla, toinen sisällöstä poimitulla rivillä ja toistuvasti käytettävä tilauskortti.

The Slow Kitchen · Nro 48
Miksi leipäsi maistuu lattealta
Nyt ilmestynyt, linkki biossa
Gradiently · @gradiently

Numeron kortti Instagramiin ja LinkedIniin: otsikko, numero ja lukupaikka.

Tämän viikon numerosta
Suola on ajoituskysymys.
Gradiently · @gradiently

Poimittu rivi X:ään ja Blueskyhin. Lyhyt, täsmällinen ja hieman yllättävä toimii parhaiten.

  • Numerokortti: otsikko ja numero, julkaistaan ilmestymispäivänä.
  • Sitaattikortti: yksi rivi sisällöstä, julkaistaan päivän tai kahden kuluttua. Katso sitaattikortin suunnittelu.
  • Tilauskortti: mitä lukijat saavat ja kuinka usein, kiinnitettynä profiiliin.
  • Merkkipaalukortti: numero 50, 100 tai vuosi kirjeitä.

Jos kirjoitat viikoittain, tämä osuus kannattaa automatisoida. Gradiently Prossa voit pitää numerot taulukossa ja luoda jokaisesta rivistä kortin joukkoluonnilla. Voit myös suunnitella yhden kortin ja muuttaa sen kaikkiin kokoihin kerralla. Automaattinen muste valitsee kullekin riville vaalean tai tumman tekstivärin taustan omista väreistä, joten otsikko pysyy luettavana kauden väristä riippumatta. Tekstien kirjoittaminen kuviin auttaa itse sanojen kanssa.

Tee ilmeestä vain sinun

Uutiskirjealustat tarjoavat kaikille samoja harvoja teemoja, joten erottuva otsake on niitä harvoja paikkoja, joissa voit erottua. Gradientlyn Mark on elävä tausta, jolla kukaan muu ei voi viedä tiedostoja lunastettuasi sen. Se sopii julkaisulle, jonka nimiön pitää säilyä tunnistettavana kasvun aikana.

Löydä liukuväri, joka on vain sinun

Selaa tuhansia Markeja, suunnittele millä tahansa niistä ilmaiseksi ja lunasta se, joka tuntuu sinulta.

Selaa Markkinoita

Usein kysyttyä

Minkä kokoinen uutiskirjeen sähköpostiotsakkeen pitää olla?

Suunnittele se kokoon 1200×600 pikseliä. Useimmat postilaatikot näyttävät sen noin 600 pikselin levyisenä, ja suurempi tiedosto pitää sen terävänä suuren pikselitiheyden näytöillä.

Minkä kokoinen Substackin otsakekuva on?

Substack-julkaisun otsake on 1456×816 pikseliä. Se toimii myös esikatselukuvana julkaisua jaettaessa.

Miten teen uutiskirjeestäni ammattimaisen näköisen?

Pidä nimiö ja nimen sijainti samana joka numerossa, käytä yhtä otsikkokirjasinta ja yhtä luettavaa leipätekstikirjasinta sekä rajaa linkkien väri yhteen tehosteeseen.

Pitäisikö otsake vaihtaa joka uutiskirjenumerossa?

Pidä nimi ja asettelu samoina ja vaihda vain yksi osa, kuten numero, otsikko tai kauden väri. Lukija tunnistaa pysyvän osan.

Toimivatko liukuvärit sähköpostiuutiskirjeissä?

Laita liukuvärit otsakekuvaan CSS:n sijaan, koska monet sähköpostisovellukset sivuuttavat CSS-liukuvärit. Pidä leipäteksti oikeana tekstinä ja sen kontrasti vahvana.

Jaa tämä opas

Kirjoittanut GradientlyVahvistettu Gradiently-tili

Gradientlyn tiimi. Gradiently on Markien ympärille rakennettu suunnittelutyökalu: eläviä liukuvärejä, joiden ansiosta kaikki suunnittelemasi näyttää omaltasi.

Katso profiilimme

Tällä sivulla

Uutiskirjeen kuvakootSuunnittele joka numerolle toimiva nimiöPostilaatikossa luettava paletti ja typografiaEsittelykortit jokaiselle numerolleTee ilmeestä vain sinun

Jaa tämä opas

Seuraavaksi aiheesta Käyttötavat

Kirjan markkinointigrafiikka julkaisusta vanhempiin teoksiin

Lue myös

Kaikki oppaat aiheesta Käyttötavat
Taustat

Sähköpostin otsikkokuva: suunnittelu liukuväreillä

4 min lukuaika

Sähköpostin otsikkokuva on ensimmäinen asia, jonka joku näkee aiherivin jälkeen, postilaatikossa, jota et hallitse. Hyvä suunnittelu huomioi alusta asti estetyt kuvat, tumman tilan ja pienet näytöt.

Some

Substackin yläkuvan koko: 1456×816 julkaisuihin ja jakoihin

3 min lukuaika

Substack-julkaisun yläkuva tekee kolme tehtävää: se aloittaa sähköpostin, edustaa julkaisua sivustolla ja sovelluksessa sekä kulkee jokaisen jaetun linkin mukana.

CSS ja verkko

Liukuväritausta sähköpostissa: mikä toimii Gmailissa ja Outlookissa

4 min lukuaika

Liukuvärit näyttävät upeilta selaimessa ja arvaamattomilta postilaatikossa. Rakenna ne kerroksittain, niin jokainen lukija näkee jotakin, mikä näyttää tarkoitukselliselta.

Löydä ilme, joka on vain sinun.

Jokainen Mark on elävä tausta, jolla on yksi omistaja. Kokeile vapaata Markia ja lunasta omasi, kun se tuntuu oikealta.

Aloita suunnittelu

Tarkista sertifikaatti

Kirjoita sertifikaatin numero tai Markin koodi nähdäksesi, kuka sen omistaa.

Toimii ChatGPT:n ja Clauden kanssa

Pyydä tekoälyltäsi designia. Se tekee sen Markissasi, muokkausvalmiina.

ChatGPTClaude
Näin yhdistät

Tuote

  • Markkinat
  • Selaa
  • Hinnoittelu
  • Sertifikaatit

Opi

  • Suunnitteluopas
  • Ohjekeskus
  • Mitä uutta

Kehittäjille

  • Yleiskatsaus
  • ChatGPT ja Claude
  • API-viite
  • API-avaimet

Yritys

  • Tietoa meistä
  • Ota yhteyttä
  • Kirjaudu sisään

Juridiikka

  • Ehdot
  • Tietosuoja
  • Hyvitykset
  • Markin suoja
  • Evästeet
  • Kaikki käytännöt
Liiku kirjainten yli. Jokaisessa on oikea Mark.Kosketa kirjainta nähdäksesi sen Markin.Yksi nimi. Kymmenen Markia sen sisällä.
© 2026 Gradiently