# Fintech-merkevare: tillit, klarhet og litt varme

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

Penger er personlig og litt skremmende. En fintech-merkevare må se trygg nok ut til å stole på og menneskelig nok til å åpnes hver dag. Slik får du til begge deler.

## The short version

- Fintech-merkevarebygging har tre jobber: se pålitelig nok ut til å forvalte noens penger, gjøre tall umiddelbart klare og føles varm nok til at folk ikke gruer seg til å åpne appen.
- De fleste finansmerkevarer bruker blått, så en palett i dyp grønn, plomme, blekk eller varm nøytral med én klar aksent er en enkel måte å bli gjenkjent på.
- Tall er produktet i fintech, så bruk tabelltall og en skrift der sifrene er lette å skille fra hverandre.
- Et datainnlegg bør vise ett tall, si hva det betyr i én setning og oppgi kilden.
- Er produktet ditt regulert, design hver mal med en fast plass til risikovarsler og liten skrift, så etterlevelse aldri ødelegger oppsettet.

God **fintech-merkevarebygging** balanserer tre ting: tillit, klarhet og litt varme. Tillit, fordi folk gir deg pengene sine. Klarhet, fordi produktet for det meste er tall, og hvert tall må kunne leses med et blikk. Varme, fordi penger er stressende, og en app som føles kald eller klinisk er en folk unngår å åpne. Banker løste tradisjonelt bare det første, som regel med blått. De fintech-selskapene folk faktisk liker å bruke, klarer å se trygge og menneskelige ut på en gang, og den balansen kan designes.

## Hvorfor så mange finansmerkevarer er blå

Blått forbindes med stabilitet og ro i mange kulturer, og derfor tok banker, forsikringsselskaper og betalingsselskaper det i bruk så bredt. Problemet er at assosiasjonen nå tilhører hele kategorien. En ny fintech i bankblått ser ut som en bank, og å ligne alle banker gjør det vanskelig å bli husket. [Hva fargen blå betyr](https://gradiently.design/nb/guide/blue-color-meaning) dekker assosiasjonene, og [fargepsykologi](https://gradiently.design/nb/guide/color-psychology) forklarer hvorfor sammenhengen betyr mer enn noen enkelt fargetone.

## Fargepaletter for fintech utover blått

Du kan beholde roen og miste likheten. Velg en dyp, stødig grunnfarge som ikke er marineblå, en lys nøytral for skjermer og dokumenter, og én klar aksent for øyeblikkene som betyr noe: en betaling sendt, et mål nådd, en knapp å trykke på. Dype grønntoner antyder vekst uten klisjeen med pengegrønt. Plomme føles eksklusivt. Varme nøytraler føles menneskelige og gjennomtenkte.

- Eviggrønn til mint: `linear-gradient(150deg, #052e2b 0%, #0f5f52 55%, #5eead4 100%)`
- Plomme til orkidé: `linear-gradient(160deg, #2a1033 0%, #6b2a63 55%, #f0abfc 100%)`
- Varmt papir til korall: `linear-gradient(140deg, #faf7f2 0%, #efe3d3 50%, #f97361 100%)`
- Blekk med et limesignal: `radial-gradient(circle at 80% 20%, #bef264 0%, #3f6212 30%, #111827 75%)`

Fire retninger for fintech som unngår bankblått. Hver beholder en rolig base og sparer den klareste fargen til én jobb.

- Eviggrønn: #052e2b
- Hvelvgrønn: #0f5f52
- Kontoutskriftpapir: #faf7f2
- Tallblekk: #1f2937
- Sendt mint: #5eead4
- Varselkorall: #f97361

En komplett arbeidspalett: to grønntoner for merkevaren, papir og blekk for lesing, mint for vellykkede handlinger og korall forbeholdt advarsler.

Legg merke til at farger for suksess og advarsel er en del av merkevaren, ikke en ettertanke. I en pengeapp bærer grønt og rødt betydning; sørg for at aksenten din ikke kolliderer med dem. [Hva fargen grønn betyr](https://gradiently.design/nb/guide/green-color-meaning) er nyttig hvis du velger grønt som selve merkevarefargen.

## Beste skrifter for tall i fintech

I fintech er tallene produktet. Velg en skrift der sifrene ikke kan forveksles: en tydelig 1 som ikke er en l, en 0 som ikke er en O, en 6 og en 8 som holder seg forskjellige i små størrelser. Bruk tabelltall overalt der tall står i kolonner eller oppdateres live, så beløpene står på linje og ikke hopper når de endres. Mange grensesnittskrifter støtter dem; sjekk før du velger.

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

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

Tabelltall gir hvert siffer samme bredde, så saldoer og kolonner med beløp holder seg på linje. Se [font-variant-numeric](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric) på MDN.

## Slik designer du datainnlegg for fintech

Fintech-selskaper har interessante data: hvordan folk sparer, når de bruker penger, hva en funksjon endret. Et godt datainnlegg viser ett tall, forklarer det i én setning og oppgir kilden, selv om kilden er dine egne anonymiserte data. Ti tall i én grafikk er en rapport, ikke et innlegg, og ingen leser den på mobilen. For mer sammensatte historier fungerer en karusell med ett tall per bilde langt bedre; [infografikkdesign](https://gradiently.design/nb/guide/infographic-design) dekker strukturen.

Et datainnlegg som viser null pund i gebyr for å sende penger til utlandet på overføringer i en Plus-plan

Ett tall, hva det betyr og vilkåret som følger med. Klart nok til å ta skjermbilde av.

Et kvadratisk datainnlegg som viser at medlemmene sparer mest klokken 9,14 på lønningsdagen, med anonymiserte sparedata som kilde

En datahistorie fra ditt eget produkt, med kilden oppgitt under overskriften.

> **Sett av plass til den lille skriften** Er produktet ditt regulert, kan markedsføringen trenge risikovarsler, representative eksempler eller linjer om hvem som kan bruke tilbudet. Bygg inn en fast plass til dem i hver mal, stor nok til å være lesbar, så gjennomgangen av etterlevelse aldri tvinger frem et nytt design i siste liten.

## Lanseringsgrafikk for fintech-apper

En lansering eller ny funksjon trenger et sett: kunngjøringsinnlegget, en story, en LinkedIn-versjon for bedriftspublikummet, et hero-bilde til nettsiden og lenkeforhåndsvisningen for presse og blogger som deler. Led med det personen nå kan gjøre, med deres ord, ikke navnet på funksjonen din. «Del en regning med to trykk» slår «Vi introduserer SplitPay 2,0». [Lanseringsgrafikk for mobilapper](https://gradiently.design/nb/guide/mobile-app-launch-graphics) har en komplett sjekkliste for lansering.

- Instagram-innlegg 1080×1350: 1080 × 1350
- Instagram Story 1080×1920: 1080 × 1920
- LinkedIn-innlegg 1200×1200: 1200 × 1200
- Hero-bilde på nettside 1920×1080: 1920 × 1080
- Lenkeforhåndsvisning 1200×630: 1200 × 630

Et lanseringssett i fem størrelser, i riktig målestokk. Design dem sammen, så hero-bildet, innleggene og forhåndsvisningen tydelig er den samme lanseringen.

En vertikal lanseringsstory med teksten Del en regning med to trykk, nytt i appen, oppdater i dag på iOS og Android

Lanseringsstoryen: fordelen som overskrift, funksjonsnavnet ingen steder å se.

Å lage et lanseringssett i alle størrelser for hånd er tregt og utsatt for feil. I Gradiently designer du én gang og endrer, med Pro, størrelsen til alle formater i ett steg; Marken bak ordene roer seg ned under overskrifter og liten skrift, så de forblir lesbare uansett hvor de havner. Et merkevaresett i Pro holder logoer, skrifter, palett og stemme, og Designer skriver i den stemmen, noe som holder et helt teams innlegg konsekvente. [Oppsett av merkevaresett](https://gradiently.design/nb/guide/brand-kit-setup) går gjennom det.

## Slik får du en fintech-merkevare til å føles varm

### Kald

- Bankblått på hvitt, ingenting annet
- Stockbilder av håndtrykk og skylinjer
- «Vi utnytter innovative løsninger»
- Tall uten sammenheng
- Liten skrift klemt inn til slutt

### Varm og pålitelig

- En rolig, særpreget palett med én vennlig aksent
- Ekte øyeblikk: lønningsdag, husleiedag, en reise det er spart til
- Enkle setninger en venn ville sagt
- Hvert tall med en setning og en kilde
- Liten skrift designet inn fra starten

Varmen kommer for det meste fra ord og farge, ikke fra illustrasjoner eller vitser. Bygger du også for utviklere eller bedrifter, dekker [merkevare for SaaS-oppstarter](https://gradiently.design/nb/guide/saas-startup-branding) B2B-siden, og [merkevare for kryptoprosjekter](https://gradiently.design/nb/guide/web3-project-branding) viser hvordan du holder deg troverdig i et mer støyende hjørne av finansverdenen.

## FAQ

### Hvilke farger er best for fintech-merkevarer?

En rolig, dyp grunnfarge som ikke er marineblå, som eviggrønn, plomme eller blekk, en lys nøytral for lesing og én klar aksent for viktige handlinger.

### Hvorfor bruker så mange fintech-merkevarer blått?

Blått forbindes bredt med stabilitet og ro, så bankene tok det i bruk. Fordi så mange bruker det, hjelper det ikke lenger en ny merkevare med å skille seg ut.

### Hvilken skrift er best for økonomiske tall?

En tydelig sans serif med sifre som skiller seg fra hverandre og tabelltall, så beløp står på linje i kolonner og ikke flytter seg når de oppdateres.

### Hva bør et datainnlegg fra en fintech inneholde?

Ett tall, en setning som forklarer hva det betyr, og kilden til dataene, selv når det er dine egne anonymiserte data.

### Hvordan får jeg plass til risikovarsler i fintech-grafikk?

Bygg inn en fast, lesbar plass til dem i hver mal fra starten, så påkrevd ordlyd aldri tvinger frem et nytt design.