# Fintech-brändäys: luottamusta, selkeyttä ja lämpöä

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

Raha on henkilökohtaista ja vähän pelottavaa. Fintech-brändin pitää tuntua turvalliselta ja inhimilliseltä, jotta sovelluksen avaa mielellään joka päivä.

## The short version

- Fintech-brändäyksellä on kolme tehtävää: näyttää luotettavalta rahan säilyttäjältä, tehdä luvut heti selviksi ja tuntua niin lämpimältä, ettei sovelluksen avaaminen ahdista.
- Useimmat finanssibrändit käyttävät sinistä, joten syvänvihreä, luumuinen, musteinen tai lämmin neutraali paletti yhdellä kirkkaalla korostuksella auttaa erottumaan.
- Luvut ovat fintechin tuote, joten käytä tasalevyisiä numeroita ja kirjaintyyppiä, jonka numerot erottaa helposti toisistaan.
- Datajulkaisun pitäisi näyttää yksi luku, selittää sen merkitys yhdellä lauseella ja nimetä lähde.
- Jos tuotteesi on säännelty, varaa jokaiseen pohjaan vakiopaikka riskivaroituksille ja ehdoille, jotta vaatimusten täyttäminen ei riko sommittelua.

Hyvä **fintech-brändäys** tasapainottaa luottamuksen, selkeyden ja lämmön. Luottamusta tarvitaan, koska ihmiset antavat rahansa sinulle. Selkeyttä tarvitaan, koska tuote koostuu pitkälti luvuista, joista jokaisen pitää erottua yhdellä silmäyksellä. Lämpöä tarvitaan, koska raha stressaa ja kylmän tai kliinisen sovelluksen avaamista vältellään. Pankit ratkaisivat perinteisesti vain ensimmäisen kohdan, yleensä sinisellä. Fintech-palvelut, joita on mukava käyttää, näyttävät yhtä aikaa turvallisilta ja inhimillisiltä. Tätä tasapainoa voi suunnitella.

## Miksi niin moni finanssibrändi on sininen

Sininen yhdistetään monissa kulttuureissa vakauteen ja rauhaan, minkä vuoksi pankit, vakuuttajat ja maksuyhtiöt ottivat sen laajasti käyttöön. Ongelma on, että mielikuva kuuluu nyt koko toimialalle. Yrityssininen fintech näyttää pankilta, ja kaikkia pankkeja muistavaa brändiä on vaikea muistaa. [Sinisen merkitys](https://gradiently.design/fi/guide/blue-color-meaning) käsittelee mielikuvia, ja [väripsykologia](https://gradiently.design/fi/guide/color-psychology) selittää, miksi asiayhteys merkitsee enemmän kuin yksittäinen sävy.

## Fintechin väripaletit sinisen ulkopuolelta

Voit säilyttää rauhallisuuden ja jättää samanlaisuuden pois. Valitse syvä, vakaa pohjaväri, joka ei ole laivastonsininen, vaalea neutraali näytöille ja asiakirjoille sekä yksi kirkas korostus tärkeisiin hetkiin: maksu lähetetty, tavoite saavutettu, painike painettavaksi. Syvät vihreät vihjaavat kasvuun ilman rahavihreän kliseetä. Luumu tuntuu laadukkaalta. Lämpimät neutraalit tuntuvat inhimillisiltä ja harkituilta.

- Havunvihreästä minttuun: `linear-gradient(150deg, #052e2b 0%, #0f5f52 55%, #5eead4 100%)`
- Luumusta orkideaan: `linear-gradient(160deg, #2a1033 0%, #6b2a63 55%, #f0abfc 100%)`
- Lämpimästä paperista koralliin: `linear-gradient(140deg, #faf7f2 0%, #efe3d3 50%, #f97361 100%)`
- Muste ja limenvärinen merkki: `radial-gradient(circle at 80% 20%, #bef264 0%, #3f6212 30%, #111827 75%)`

Neljä fintechin suuntaa ilman yrityssinistä. Jokaisessa on rauhallinen pohja, ja kirkkain väri palvelee yhtä tehtävää.

- Havunvihreä: #052e2b
- Holvinvihreä: #0f5f52
- Tiliotepaperi: #faf7f2
- Numeromuste: #1f2937
- Lähetetty-minttu: #5eead4
- Varoituskoralli: #f97361

Kokonainen käyttöpaletti: kaksi brändivihreää, paperi ja muste lukemiseen, minttu onnistumisen merkiksi ja koralli vain varoituksiin.

Huomaa, että onnistumisen ja varoituksen värit kuuluvat brändiin alusta asti. Rahasovelluksessa vihreällä ja punaisella on merkitys. Varmista, ettei korostusväri riitele niiden kanssa. [Vihreän merkitys](https://gradiently.design/fi/guide/green-color-meaning) auttaa, jos valitset itse brändiväriksi vihreän.

## Parhaat fontit fintechin luvuille

Fintechissä luvut ovat tuote. Valitse kirjaintyyppi, jonka numerot tunnistaa varmasti: selkeä 1, joka ei näytä l-kirjaimelta, 0, joka ei näytä O:lta, sekä pienessäkin koossa erottuvat 6 ja 8. Käytä tasalevyisiä numeroita sarakkeissa ja reaaliaikaisissa luvuissa, jotta summat pysyvät linjassa eivätkä heilahtele muuttuessaan. Monet käyttöliittymäfontit tukevat niitä. Tarkista tuki ennen valintaa.

```css
.amount,
.balance,
table.transactions td {
  font-variant-numeric: tabular-nums;
}

.balance {
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}
```

Tasalevyisissä numeroissa jokainen merkki on yhtä leveä, joten saldot ja summasarakkeet pysyvät linjassa. Katso MDN:n [font-variant-numeric](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric).

## Fintech-datajulkaisujen suunnittelu

Fintech-palveluilla on kiinnostavaa dataa: miten ihmiset säästävät, milloin he kuluttavat ja mitä jokin ominaisuus muutti. Hyvä datajulkaisu näyttää yhden luvun, selittää sen yhdellä lauseella ja nimeää lähteen, vaikka lähde olisi oma anonymisoitu data. Kymmenen lukua yhdessä kuvassa on raportti, ei julkaisu, eikä kukaan lue sitä puhelimessa. Monimutkaisemmissa tarinoissa yksi luku per karusellidia toimii paljon paremmin. [Infografiikan suunnittelu](https://gradiently.design/fi/guide/infographic-design) käsittelee rakennetta.

Datajulkaisu näyttää nollan punnan kulut ulkomaan rahansiirroista Plus-paketissa

Yksi luku, sen merkitys ja siihen liittyvä ehto. Riittävän selkeä kuvakaappaukseen.

Neliöjulkaisu kertoo jäsenten säästävän eniten palkkapäivänä klo 9.14 ja mainitsee anonymisoidun säästämisdatan

Omasta tuotteesta kertova datatarina, jonka lähde nimetään otsikon alla.

> **Jätä tilaa ehdoille** Jos tuotteesi on säännelty, markkinointi voi vaatia riskivaroituksia, edustavia esimerkkejä tai kelpoisuusehtoja. Varaa niille jokaiseen pohjaan vakituinen, luettavan kokoinen tila, jotta tarkastus ei pakota viime hetken uudelleensuunnitteluun.

## Fintech-sovelluksen lanseerausgrafiikat

Lanseeraus tai ominaisuusjulkaisu tarvitsee kokonaisuuden: ilmoitusjulkaisun, tarinan, LinkedIn-version yritysyleisölle, verkkosivun pääkuvan ja linkin esikatselun lehdistön ja blogien jakoihin. Aloita siitä, mitä ihminen voi nyt tehdä, hänen sanoillaan, älä ominaisuuden nimellä. ”Jaa lasku kahdella napautuksella” toimii paremmin kuin ”Esittelyssä SplitPay 2,0”. [Mobiilisovelluksen lanseerausgrafiikat](https://gradiently.design/fi/guide/mobile-app-launch-graphics) sisältää koko tarkistuslistan.

- Instagram-julkaisu 1080×1350: 1080 × 1350
- Instagram-tarina 1080×1920: 1080 × 1920
- LinkedIn-julkaisu 1200×1200: 1200 × 1200
- Verkkosivun pääkuva 1920×1080: 1920 × 1080
- Linkin esikatselu 1200×630: 1200 × 630

Lanseerauskokonaisuus viidessä koossa mittakaavassa. Suunnittele ne yhdessä, jotta pääkuva, julkaisut ja esikatselu tunnistetaan samaksi julkaisuksi.

Pystytarina kertoo Jaa lasku kahdella napautuksella, Uutta sovelluksessa ja Päivitä tänään iOS:ssä ja Androidissa

Lanseeraustarina: hyöty otsikkona, ominaisuuden nimeä ei näy missään.

Lanseerauskuvien tekeminen käsin joka kokoon on hidasta ja altista virheille. Gradientlyssä suunnittelet kerran ja vaihdat Pro-tilauksella kaikkiin kokoihin yhdessä vaiheessa. Sanojen takainen Mark rauhoittuu otsikoiden ja pienen tekstin kohdalla, jotta ne pysyvät luettavina missä tahansa. Pro-brändipaketti säilyttää logot, fontit, paletin ja äänen. Designer kirjoittaa samalla äänellä, mikä yhtenäistää koko tiimin julkaisut. [Brändipaketin käyttöönotto](https://gradiently.design/fi/guide/brand-kit-setup) näyttää vaiheet.

## Miten fintech-brändistä tehdään lämmin

### Kylmä

- Yrityssininen valkoisella, ei muuta
- Kuvapankkikuvia kättelyistä ja kaupunkisilueteista
- ”Hyödynnämme innovatiivisia ratkaisuja”
- Luvut ilman asiayhteyttä
- Lopuksi väliin ahdettu ehtoteksti

### Lämmin ja luotettava

- Rauhallinen, erottuva paletti yhdellä ystävällisellä korostuksella
- Todelliset hetket: palkkapäivä, vuokranmaksu, matkaan säästäminen
- Selkeät lauseet, jotka ystäväkin sanoisi
- Jokaiselle luvulle lause ja lähde
- Ehtoteksti mukana alusta asti

Lämpö syntyy pääosin sanoista ja väreistä, ei kuvituksesta tai vitseistä. Jos rakennat palvelua myös kehittäjille tai yrityksille, [SaaS-startupin brändäys](https://gradiently.design/fi/guide/saas-startup-branding) käsittelee B2B-puolta. [Kryptoprojektin brändäys](https://gradiently.design/fi/guide/web3-project-branding) näyttää, miten säilytät uskottavuuden finanssialan meluisammassa nurkassa.

## FAQ

### Mitkä värit sopivat fintech-brändäykseen?

Rauhallinen syvä pohjaväri laivastonsinisen sijaan, kuten havunvihreä, luumu tai muste, vaalea neutraali lukemiseen ja yksi kirkas korostus tärkeisiin toimintoihin.

### Miksi niin moni fintech-brändi käyttää sinistä?

Sininen yhdistetään laajasti vakauteen ja rauhaan, joten pankit omaksuivat sen. Koska niin moni käyttää sitä, se ei enää auta uutta brändiä erottumaan.

### Mikä fontti sopii talousluvuille?

Selkeä groteski, jossa numerot erottuvat ja tasalevyiset numerot pitävät summat sarakkeissa linjassa myös niiden päivittyessä.

### Mitä fintech-datajulkaisussa pitäisi olla?

Yksi luku, sen merkityksen selittävä lause ja datan lähde, myös silloin kun kyse on omasta anonymisoidusta datasta.

### Miten mahdutan riskivaroitukset fintech-grafiikoihin?

Varaa niille alusta asti jokaisessa pohjassa vakituinen, luettava tila, jotta pakollinen sanamuoto ei pakota uudelleensuunnitteluun.