# Leikkisä brändi-ilme: iloa ja ammattimaisuutta

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

Hauskat brändit perustuvat sääntöihin. Näin valitset värit, kirjaintyypit, muodot ja liikkeen, jotka hymyilyttävät ja näyttävät silti huolellisesti suunnitelluilta.

## The short version

- Leikkisä brändi-ilme näyttää ammattimaiselta, kun hauskuus keskittyy muutamaan harkittuun kohtaan ja muu pysyy järjestyksessä.
- Leikkisä paletti toimii parhaiten, kun yksi tumma tai neutraali pohjaväri tukee kirkkaita sävyjä.
- Pyöreät, paksut tai hieman omalaatuiset kirjaintyypit tuovat otsikoihin leikkisyyttä, kun taas leipäteksti tarvitsee selkeän ja luettavan fontin.
- Pehmeät muodot, kuten vapaat kuviot, kapselit ja tarrat, tuovat luonnetta, mutta tarvitsevat yhtenäiset koot ja paikat.
- Leikkisä brändi näyttää nopeasti harrastelijamaiselta, jos värit, fontit ja sommittelut vaihtuvat julkaisusta toiseen.

**Leikkisä brändi-ilme** näyttää ammattimaiselta, kun hauskuus keskittyy muutamaan valittuun kohtaan ja muu noudattaa tarkkoja sääntöjä. Kirkas paletti yhden rauhallisen pohjavärin varassa, yksi pyöreä otsikkofontti selkeän leipätekstifontin rinnalla, pieni joukko pehmeitä muotoja ja lempeää liikettä, kaikki vakaan ruudukon päällä. Lapselliselta näyttävissä brändeissä tilanne on yleensä päinvastainen: hauskuutta on kaikkialla, mutta alla ei ole sitä kannattelevaa rakennetta.

## Leikkisyys on sävy, joka tarvitsee sääntöjä

Ajattele hyvää koomikkoa: ajoitus on täsmällinen, vaikka jutut olisivat hassuja. Leikkisä brändi toimii samoin. Päätä, mitkä yksi tai kaksi elementtiä kantavat persoonallisuutta, esimerkiksi väri ja muoto. Pidä kirjaintyypit, välit ja sommittelu hallittuina. Toista päätöksiä niin usein, että ihmiset tunnistavat sinut jo ennen ensimmäisen sanan lukemista.

### Lapsellinen

- Kaikki värit täydellä voimalla yhtä aikaa
- Erikoisfontit otsikoissa ja leipätekstissä
- Satunnaisen kokoisia muotoja siellä täällä
- Uusi sommittelu joka julkaisuun
- Vitsit peittävät sen, mitä oikeasti myyt

### Leikkisä ja ammattimainen

- Kolme kirkasta väriä rauhallisen pohjan päällä
- Yksi persoonallinen otsikkofontti ja yksi selkeä leipätekstifontti
- Kaksi tai kolme muotoa toistuvat sovituissa ko’oissa
- Neljä tai viisi sommittelua vuorottelevat
- Lämmin ja hauska teksti kertoo silti tarjouksen selkeästi

## Yhtenäinen leikkisä väripaletti

Kirkkaat värit kilpailevat, jos ne saavat yhtä paljon painoa. Anna paletille rakenne: suurimman osan pinnasta peittävä pohjaväri, kuten syvä musteensävy, laivastonsininen tai lämmin kerma, kaksi tai kolme vuorollaan pääosaan nousevaa kirkasta väriä sekä vaalea sävy hengähdystilaksi. Kylläiset värit tuntuvat ystävällisemmiltä, kun ne ovat lämpimiä tai hieman pehmennettyjä eivätkä puhtaita päävärejä.

- Musteen laivastonsininen: #1d1b3a
- Mandariini: #ff6b4a
- Auringonkukka: #ffc845
- Minttu: #3ec9a7
- Purukumiroosa: #ff9ecb
- Kerma: #fff6e8

Yksi pohjaväri, neljä kirkasta sävyä ja yksi kermansävy. Anna kussakin suunnitelmassa päärooli yhdelle kirkkaalle värille ja käytä muita pieninä yksityiskohtina.

Liukuvärit sopivat leikkisiin brändeihin, kun ne yhdistävät lähekkäisiä eivätkä vastakkaisia värejä. Mandariinista auringonkukkaan tai purukumiroosasta mandariiniin siirtyvä väri pysyy puhtaana. Minttu suoraan purukumiroosaan muuttuu keskeltä harmaaksi. [Väripsykologia](https://gradiently.design/fi/guide/color-psychology) kertoo sävyjen tavallisista viesteistä, ja [oranssin ja pinkin liukuväri](https://gradiently.design/fi/guide/orange-pink-gradient) tarjoaa valmiit koodit yhteen ystävällisimmistä yhdistelmistä.

- Mandariinista auringonkukkaan: `linear-gradient(135deg, #ff6b4a 0%, #ffc845 100%)`
- Purukumiroosasta mandariiniin: `linear-gradient(135deg, #ff9ecb 0%, #ff6b4a 100%)`
- Minttua musteella: `radial-gradient(circle at 30% 30%, #3ec9a7 0%, #1f8f8a 45%, #1d1b3a 90%)`

Lähekkäiset värit sekoittuvat puhtaasti. Kolmannessa kirkas sävy hohtaa tummasta pohjasta ja tarjoaa hyvän taustan kermansävyiselle tekstille.

## Leikkisät ja luettavat fontit

Kirjaintyyppien leikkisyys syntyy pyöreistä päätteistä, paksuista leikkauksista, pehmeistä kulmista ja pienestä epäsäännöllisyydestä. Käytä tätä luonnetta vain otsikoissa. Leipäteksti, hinnat, päivämäärät ja nopeasti luettava tieto kuuluvat selkeälle päätteettömälle fontille. Kaksi kirjaintyyppiä riittää hyvin.

| Otsikko | Tunnelma | Pariksi |
| --- | --- | --- |
| Fredoka | Pyöreä, pehmeä, ystävällinen | Nunito |
| Baloo 2 | Paksu ja lämmin | DM Sans |
| Bricolage Grotesque | Omalaatuinen, aikuinen | Inter |
| Chewy | Käsin piirretty, voimakas | Work Sans |

Ilmaisia pareja Google Fontsista. Otsikkofontti kantaa persoonallisuutta, ja sen pari pitää muun tekstin helposti luettavana.

Lado leikkisät otsikot suurina tavallista virkekokoa käyttäen ja hieman tiiviillä rivivälillä, jotta kirjainten muodot liittyvät toisiinsa. [Lihavoidut fontit](https://gradiently.design/fi/guide/bold-fonts) esittelee paksumpia vaihtoehtoja, kun kaipaat lisää voimaa.

## Muodot: vapaat kuviot, kapselit ja tarrat

Pehmeät muodot tuovat nopeasti ystävällisyyttä. Vapaamuotoinen kuvio tuotekuvan takana, kapseli hinnan ympärillä tai pyöreä tarra lyhyelle lupaukselle. Valitse kaksi tai kolme muotoa, anna jokaiselle tehtävä ja käytä niitä yhtenäisissä ko’oissa. Satunnainen konfetti näyttää levottomalta, mutta sama kapseli samassa kulmassa joka kerta näyttää brändiltä.

- **Vapaamuotoiset kehykset** henkilö- ja tuotekuville. [Orgaaniset muodot](https://gradiently.design/fi/guide/organic-shapes-design) näyttää, miten niistä tehdään tarkoituksellisen näköisiä.
- **Kapselit** hinnoille, päivämäärille ja nimilapuille, aina yhdessä kirkkaassa värissä.
- **Pyöreät tarrat** lyhyille viesteille, kuten ”Uutta” tai ”Täällä tehty”, muutaman asteen kallistuksella.
- **Paksut ääriviivat** muotojen ympärillä, kun haluat sarjakuvamaisen vaikutelman. Piirrä ne pohjavärilläsi.

Jos pidät äänekkäämmästä ja kuviollisemmasta hauskuudesta, [Memphis-design](https://gradiently.design/fi/guide/memphis-design) teki kiemuroista ja konfetista tunnettuja. Siihen kannattaa perehtyä ennen tyylin lainaamista.

## Lempeää liikettä ja lämmin ääni

Liike tuo luonnetta pienellä vaivalla. Sana ponnahtaa näkyviin, tausta ajelehtii tai tarra heilahtaa kerran. Pidä kussakin suunnitelmassa vain yksi liikkuva elementti ja anna sen asettua nopeasti, jotta viesti on luettavissa sekunnissa. Gradientlyn Studiossa teksti voi nousta, ponnahtaa, paljastua pyyhkäisyllä tai ilmestyä kirjoittamalla. Taustan Mark voi liikkua hitaasti paikallaan pysyvien sanojen takana, mikä on yleensä riittävästi liikettä leikkisään julkaisuun.

Äänensävy on yhtä tärkeä kuin visuaalisuus. Lyhyet, lämpimät lauseet ja pieni vitsi toimivat paremmin kuin sanaleikit toisensa perään. Kerro aina myös hyödyllinen asia: mitä, milloin ja missä.

## Leikkisät julkaisut käytännössä

Pystyjulkaisu mangon paluusta, lämmin ja kirkas tausta sekä ystävällinen otsikko

Kahvilan ilmoitus: yksi kirkas pääväri, ystävällinen lause ja hyödylliset tiedot sen alla.

Pystytarina, joka laskee kolme yötä lauantain lastenkerhoon

Lastenkerhon tarina: samat säännöt, eri kirkas väri pääosassa.

Huomaa, mikä pysyy molemmissa samana: kirjaintyyppi, välit ja tukirivin paikka otsikon alla. Vain pääväri ja sanat muuttuvat. Toisto saa hauskuuden näyttämään ammattimaiselta. Lastenbrändeille [lasten yritysten brändäys](https://gradiently.design/fi/guide/kids-business-branding) kertoo, mitä vanhempien täytyy nähdä ennen luottamuksen syntymistä.

## FAQ

### Miten leikkisä brändi näyttää ammattimaiselta?

Rajaa hauskuus yhteen tai kahteen elementtiin, kuten väriin ja muotoon. Pidä kirjaintyypit, välit ja sommittelut yhtenäisinä kaikessa julkaisemassasi.

### Mitkä värit sopivat leikkisään brändiin?

Lämpimät, kirkkaat sävyt, kuten mandariini, auringonkukka, minttu ja pinkki. Tue niitä yhdellä syvällä tai neutraalilla värillä, joka peittää suurimman osan pinnasta.

### Mitkä ovat hyviä leikkisiä fontteja?

Pyöreät tai paksut otsikkofontit, kuten Fredoka, Baloo 2 ja Bricolage Grotesque, toimivat hyvin otsikoissa. Yhdistä niihin selkeä päätteetön fontti leipätekstiä varten.

### Voiko vakava yritys käyttää leikkisää brändi-ilmettä?

Kyllä, harkittuina annoksina: pidä leikkisyys sävyssä, väreissä ja kirjaintyypeissä ja tiedot selkeinä. Tilitoimistot ja ohjelmistoyritykset voivat käyttää lämpimiä värejä ja ystävällisiä kirjaintyyppejä luottamusta menettämättä, kun ne välttävät voimakkaita kuvioita ja rahasta vitsailua.