Blogi

    Uutiskirjepohja omalla brändillä: fontit, värit ja logo

    Iiro Mutikainen · · 5 min lukuaika

    Ensimmäinen brändin mukainen uutiskirjepohja syntyy kolmesta päätöksestä: mitä fontteja käytetään, mitkä värit valitaan ja missä logo näkyy. Kun nämä päätetään kerran ja tallennetaan pohjaksi, jokainen uutiskirje näyttää samalta ilman, että ulkoasua rakennetaan joka kerta uudelleen. Tässä kirjoituksessa käydään läpi, mitä brändin mukaiseen pohjaan kuuluu, mitä sähköpostin rajoitukset tarkoittavat fonteille, väreille ja logolle, ja miten pohja tehdään Mailaa-palvelussa.

    Mikä tekee uutiskirjepohjasta brändin mukaisen?

    Uutiskirjeen ulkoasu koostuu muutamasta toistuvasta osasta. Kun ne ovat samat kuin verkkosivuilla ja muussa markkinoinnissa, lukija tunnistaa lähettäjän jo ennen kuin ehtii lukea otsikkoa.

    • Fontit. Otsikoille ja leipätekstille omat fontit, koot ja lihavoinnit.
    • Värit. Otsikoiden, tekstin, linkkien ja painikkeiden värit sekä sähköpostin ja sisällön taustat.
    • Logo. Yleensä viestin yläosassa, kooltaan maltillinen.
    • Rakenne. Sama järjestys viestistä toiseen: logo, pääotsikko, lyhyt johdanto, painike ja lopussa lähettäjän tiedot.

    Brändin mukainen pohja ei tarkoita, että jokainen viesti näyttää täsmälleen samalta. Sisältö, kuvat ja osiot vaihtuvat, mutta tyyli pysyy.

    Miksi yhtenäinen ulkoasu kannattaa?

    Tunnistettavuus on tärkein syy. Sähköpostilaatikossa kilpailee moni lähettäjä, ja tutun näköinen viesti erottuu tuntemattomasta. Yhtenäinen ilme kertoo myös, että viestit tulevat samalta taholta kuin aiemmatkin.

    Toinen syy on työn määrä. Kun ulkoasu on valmiina, uutiskirjeen tekemiseen jää vain sisältö: mitä kerrotaan ja mihin lukija halutaan ohjata. Fonttien ja värien valitseminen jokaiseen viestiin erikseen vie aikaa ja johtaa helposti siihen, että viestit alkavat näyttää erilaisilta.

    Aiemmin lähetetyn uutiskirjeen pystyy kyllä kopioimaan, mutta uutiskirjeiden rakenteet, sisällöt ja muut yksityiskohdat vaihtuvat usein jokaisen kirjeen kohdalla. Kun brändipohja on luotu, siirtyvät halutut asetukset aina uusiin uutiskirjeeseen vietyihin elementteihin (esim. otsikko, leipäteksti, painikkeet jne.). Tämä säästää aikaa ja päänvaivaa, kun elementtejä ei tarvitse kopioida aina uudelleen ja uudelleen.

    Mitkä fontit toimivat sähköpostissa?

    Sähköposti on fonttien osalta rajoittuneempi kuin verkkosivu. Sähköpostiohjelma näyttää fontin vain, jos se on asennettuna vastaanottajan laitteelle tai jos ohjelma osaa ladata verkkofontin. Kaikki ohjelmat eivät lataa verkkofontteja, ja silloin näkyviin tulee varafontti, esimerkiksi Arial tai Georgia.

    Käytännössä vaihtoehtoja on kaksi:

    1. Kaikissa sähköpostiohjelmissa toimivat fontit, kuten Arial, Helvetica, Georgia, Verdana tai Trebuchet MS. Ne näyttävät samalta lähes kaikkialla.
    2. Verkkofontit, kuten Google Fonts -kirjaston fontit. Ne näyttävät tarkemmin brändin mukaisilta niissä ohjelmissa, jotka ne lataavat, mutta muissa näkyy varafontti.

    Jos brändin fontti on verkkofontti, kannattaa leipätekstiin harkita kaikkialla toimivaa fonttia ja käyttää verkkofonttia vain otsikoissa. Silloin pääosa tekstistä näyttää samalta kaikille, ja otsikot tuovat brändin näkyviin.

    Koon osalta otsikoiden kannattaa olla selvästi leipätekstiä suurempia, ja leipätekstin niin suurta, että se on helppo lukea puhelimen näytöltä.

    Värit valitaan luettavuus edellä

    Värien valinnassa tärkein asia on kontrasti eli se, kuinka hyvin teksti erottuu taustastaan. Saavutettavuusohjeistus WCAG suosittelee tavalliselle tekstille vähintään kontrastisuhdetta 4,5:1 ja suurelle tekstille, kuten otsikoille, vähintään 3:1.

    Tyypillisiä sudenkuoppia ovat:

    • Vaalea brändiväri tekstinä. Esimerkiksi keltainen tai vaaleanvihreä otsikko valkoisella taustalla on vaikea lukea. Väri sopii usein paremmin painikkeen taustaksi kuin tekstiin.
    • Painikkeen teksti. Painikkeen tekstin pitää erottua painikkeen väristä, ei sivun taustasta.
    • Linkit. Linkin väri kannattaa valita niin, että se erottuu tavallisesta tekstistä mutta on silti helppo lukea.

    Taustoja on yleensä kaksi: koko sähköpostin tausta ja sisällön tausta, jonka päällä teksti on. Moni brändi käyttää sisällölle valkoista ja ulommalle taustalle hillittyä brändin sävyä. Silloin teksti pysyy luettavana, ja viesti näyttää silti omalta.

    Logo uutiskirjeessä

    Logo kuuluu yleensä viestin yläosaan, keskelle tai vasempaan reunaan. Sen ei tarvitse olla suuri: logo tunnistetaan, vaikka se veisi vain osan viestin leveydestä.

    Logon tiedostomuodolla on väliä. Gmail ja Outlook eivät näytä SVG-kuvia, joten sähköpostissa logo kannattaa käyttää PNG- tai JPG-kuvana. Läpinäkyvä tausta on hyödyllinen, mutta sen kanssa kannattaa varmistaa, että logo erottuu myös tummalla taustalla: osa sähköpostiohjelmista näyttää viestit tummassa tilassa.

    Näin uutiskirjepohja tehdään Mailaa-palvelussa

    Mailaa-palvelussa brändi määritetään kerran kohdassa Asetukset → Brändi. Ohjeet vaihe vaiheelta löytyvät käyttöohjeesta.

    1. Valmis tyyli lähtökohdaksi. Valittavana on kuusi valmista tyyliä: Neutraali, Klassinen, Iloinen, Rento, Minimalistinen ja Elegantti. Tyyli toimii lähtökohtana, ja sitä voi muokata.
    2. Fontit. Otsikoille ja leipätekstille valitaan fontit ja koot sekä se, lihavoidaanko otsikot ja painikkeiden teksti. Fontit on jaettu kaikissa sähköpostiohjelmissa toimiviin fontteihin ja verkkofontteihin.
    3. Värit. Otsikoiden, tekstin, linkkien, painikkeen ja painikkeen tekstin värit sekä sähköpostin ja sisällön taustat. Jos tekstin ja taustan kontrasti jää liian pieneksi, Mailaa ehdottaa luettavampaa sävyä.
    4. Logo. Logon voi ladata PNG-, JPG- tai SVG-tiedostona, kooltaan enintään 2 Mt. SVG muutetaan PNG-kuvaksi, jotta logo näkyy myös Gmailissa ja Outlookissa. Läpinäkyvästä taustasta Mailaa muistuttaa erikseen.

    Esikatselu näyttää muutokset heti, ja brändi tallennetaan yhdellä painalluksella.

    Mailaa-palvelun Brändi-asetukset: ladattu logo vaalealla ja tummalla taustalla, otsikoiden ja leipätekstin fontit ja koot, värit sekä esikatselu, jossa logo, otsikko, teksti ja painike näkyvät valitulla tyylillä
    Brändin asetukset: logo, fontit ja värit valitaan kerran, ja esikatselu näyttää tuloksen heti.

    Mitä tallennetusta brändistä seuraa?

    Kun brändi on tallennettu, se näkyy usealla tavalla:

    • Valmis uutiskirjepohja. Lähetysten listalle tulee brändin mukainen esimerkkilähetys. Siinä on logo ylhäällä, pääotsikko, painike, kaksi kuvallista uutista sekä alareunassa somekuvakkeet ja lähettäjän tiedot. Pohjasta tehdään muokattava kopio, ja sisältö vaihdetaan omaksi. Lähetyksen luomisesta on oma ohjeensa.
    • Uudet osiot. Kun viestiin lisätään otsikko, kappale tai painike, se saa valmiiksi brändin fontin, koon ja värin.
    • Tervetuloviesti. Uusille tilaajille lähtevän tervetuloviestin valmiit pohjat voivat käyttää samaa brändiä ja logoa.
    Brändin mukainen esimerkkilähetys: ylhäällä logo, sen alla otsikko, kaksi tekstikappaletta ja oranssi painike, sitten kaksi juttua kuvineen ja painikkeineen sekä alatunniste somekuvakkeineen
    Esimerkkilähetys tallennetun brändin mukaisena: logo, fontit, värit ja painikkeet tulevat brändistä.

    Brändillä on myös rajansa. Tilillä on yksi brändi, joten useamman eri ilmeen käyttäminen vaatii yhä viestikohtaista muokkausta. Jo tehdyt lähetykset eivät muutu, kun brändiä muutetaan: muutos koskee uusia viestejä ja osioita. Brändi on käytettävissä kaikissa paketeissa, myös ilmaisessa.

    Laajempi opas uutiskirjeiden lähettämiseen ja palvelun valintaan löytyy sivulta uutiskirjepalvelun valinta. Ilmaisversioiden eroista kerrotaan kirjoituksessa ilmainen uutiskirjeohjelma.

    Yhteenveto

    Brändin mukainen uutiskirjepohja syntyy, kun fontit, värit ja logo päätetään kerran. Sähköpostissa kannattaa suosia kaikkialla toimivia fontteja ainakin leipätekstissä, tarkistaa värien kontrasti ja käyttää logoa PNG- tai JPG-kuvana. Kun pohja on valmiina, jokaisen uutiskirjeen tekemiseen jää vain sisältö.