# Fintech-branding: tillid, klarhed og lidt varme

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

Penge er personlige og lidt skræmmende. Et fintech-brand skal se sikkert nok ud til at have tillid til og menneskeligt nok til at blive åbnet hver dag. Sådan gør du begge dele.

## The short version

- Fintech-branding har tre opgaver: at se troværdigt nok ud til at håndtere andres penge, at gøre tal øjeblikkeligt tydelige og at føles varmt nok til, at folk ikke gruer for at åbne appen.
- De fleste finansbrands bruger blå, så en palette i dyb grøn, blomme, blæk eller varm neutral med ét lysende accent er en nem måde at blive genkendt på.
- Tal er selve produktet i fintech, så brug tabelcifre og en skrifttype, hvor ciffrene er lette at skelne fra hinanden.
- Et dataopslag skal vise ét tal, sige med én sætning, hvad det betyder, og nævne sin kilde.
- Hvis dit produkt er reguleret, så design hver skabelon med en fast plads til risikoadvarsler og småt, så compliance aldrig ødelægger layoutet.

God **fintech-branding** balancerer tre ting: tillid, klarhed og lidt varme. Tillid, fordi folk giver dig deres penge. Klarhed, fordi produktet for det meste er tal, og hvert tal skal kunne læses med et blik. Varme, fordi penge er stressende, og en app, der føles kold eller klinisk, er en, folk undgår at åbne. Banker har traditionelt kun løst det første, som regel med blå. De fintech-virksomheder, folk faktisk kan lide at bruge, formår at se sikre og menneskelige ud på én gang, og den balance kan designes.

## Hvorfor så mange finansbrands er blå

Blå forbindes i mange kulturer med stabilitet og ro, og derfor har banker, forsikringsselskaber og betalingsvirksomheder taget den til sig i så høj grad. Problemet er, at associationen nu tilhører hele kategorien. En ny fintech i firmablå ligner en bank, og at ligne alle banker gør det svært at blive husket. [Blå farvebetydning](https://gradiently.design/da/guide/blue-color-meaning) gennemgår associationerne, og [farvepsykologi](https://gradiently.design/da/guide/color-psychology) forklarer, hvorfor sammenhængen betyder mere end en enkelt nuance.

## Fintech-farvepaletter ud over blå

Du kan beholde roen og slippe af med ensformigheden. Vælg en dyb, stabil grundfarve, der ikke er marineblå, en lys neutral til skærme og dokumenter og ét lysende accent til de øjeblikke, der tæller: en betaling sendt, et mål nået, en knap at trykke på. Dybe grønne toner antyder vækst uden klichéen om pengegrøn. Blomme føles eksklusiv. Varme neutrale toner føles menneskelige og velovervejede.

- Stedsegrøn til mint: `linear-gradient(150deg, #052e2b 0%, #0f5f52 55%, #5eead4 100%)`
- Blomme til orkidé: `linear-gradient(160deg, #2a1033 0%, #6b2a63 55%, #f0abfc 100%)`
- Varmt papir til koral: `linear-gradient(140deg, #faf7f2 0%, #efe3d3 50%, #f97361 100%)`
- Blæk med limegrønt signal: `radial-gradient(circle at 80% 20%, #bef264 0%, #3f6212 30%, #111827 75%)`

Fire fintech-retninger, der undgår firmablå. Hver beholder en rolig base og sparer sin lyseste farve til én opgave.

- Stedsegrøn: #052e2b
- Boksgrøn: #0f5f52
- Kontoudtogspapir: #faf7f2
- Taltblæk: #1f2937
- Sendt-mint: #5eead4
- Alarmkoral: #f97361

En komplet arbejdspalette: to grønne til brandet, papir og blæk til læsning, mint til succestilstande og koral forbeholdt advarsler.

Læg mærke til, at succes- og advarselsfarver er en del af brandet, ikke en eftertanke. I en pengeapp bærer grøn og rød betydning, så sørg for, at dit accent ikke støder sammen med dem. [Grøn farvebetydning](https://gradiently.design/da/guide/green-color-meaning) er nyttig, hvis du vælger grøn som selve brandfarven.

## De bedste skrifttyper til fintech-tal

I fintech er tallene selve produktet. Vælg en skrifttype med umiskendelige ciffer: et tydeligt 1, der ikke er et l, et 0, der ikke er et O, og et 6 og 8, der forbliver adskilte i små størrelser. Brug tabelcifre overalt, hvor tal står i kolonner eller opdateres live, så beløb flugter og ikke hopper rundt, når de ændrer sig. Mange grænsefladeskrifttyper understøtter dem, så tjek det, før du vælger.

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

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

Tabelcifre giver hvert ciffer samme bredde, så saldi og kolonner med beløb forbliver på linje. Se [font-variant-numeric](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric) på MDN.

## Sådan designer du dataopslag til fintech

Fintech-virksomheder har interessante data: hvordan folk sparer op, hvornår de bruger penge, hvad en funktion har ændret. Et godt dataopslag viser ét tal, forklarer det i én sætning og nævner sin kilde, også selv om kilden er dine egne anonymiserede data. Ti tal i én grafik er en rapport, ikke et opslag, og ingen læser den på en telefon. Til mere indviklede historier virker en karrusel med ét tal pr. slide langt bedre. [Infografik design](https://gradiently.design/da/guide/infographic-design) gennemgår opbygningen.

Et dataopslag, der viser nul pund i gebyrer ved overførsler til udlandet i en Plus-plan

Ét tal, hvad det betyder, og den betingelse, der følger med. Tydeligt nok til at tage skærmbillede af.

Et kvadratisk dataopslag, der viser, at medlemmer sparer mest op kl. 9.14 på lønningsdagen, med henvisning til anonymiserede opsparingsdata

En datahistorie fra dit eget produkt, med kilden angivet under overskriften.

> **Giv plads til det småtrykte** Hvis dit produkt er reguleret, kan kampagner kræve risikoadvarsler, repræsentative eksempler eller linjer om berettigelse. Byg en fast plads til dem ind i hver skabelon, så den er stor nok til at kunne læses, så compliance-gennemgangen aldrig tvinger et redesign i sidste øjeblik.

## Lanceringsgrafik til fintech-apps

En lancering eller en ny funktion kræver et sæt: annonceringsopslaget, en story, en LinkedIn-version til erhvervspublikummet, et hero-billede til hjemmesiden og linkvisningen til presse og blogdelinger. Start med det, personen nu kan, med deres ord, ikke dit funktionsnavn. »Del en regning på to tryk« slår »Vi præsenterer SplitPay 2,0«. [Grafik til applancering](https://gradiently.design/da/guide/mobile-app-launch-graphics) har en komplet lanceringstjekliste.

- Instagram-opslag 1080×1350: 1080 × 1350
- Instagram Story 1080×1920: 1080 × 1920
- LinkedIn-opslag 1200×1200: 1200 × 1200
- Hero til hjemmeside 1920×1080: 1920 × 1080
- Linkvisning 1200×630: 1200 × 630

Et lanceringssæt i fem størrelser, i målestok. Design dem sammen, så hero, opslag og linkvisning tydeligt er den samme udgivelse.

En lodret lanceringsstory med teksten Del en regning på to tryk, nyt i appen, opdater i dag på iOS og Android

Lanceringsstoryen: fordelen som overskrift, funktionsnavnet er ingen steder at se.

At lave et lanceringssæt i alle størrelser i hånden er langsomt og fejlbehæftet. I Gradiently designer du én gang og kan med Pro ændre størrelsen til alle formater i ét trin. Marken bag ordene dæmper sig selv under overskrifter og småt, så de forbliver læselige, uanset hvor de havner. Et Pro-brandkit rummer dine logoer, skrifttyper, palette og stemme, og Designer skriver i den stemme, hvilket holder et helt teams opslag ensartede. [Opsætning af brandkit](https://gradiently.design/da/guide/brand-kit-setup) gennemgår det.

## Sådan får du et fintech-brand til at føles varmt

### Koldt

- Firmablå på hvid, intet andet
- Stockfotos af håndtryk og skylines
- »Udnyttelse af innovative løsninger«
- Tal uden sammenhæng
- Småt trykt, der er proppet ind til sidst

### Varmt og betroet

- En rolig, særegen palette med ét venligt accent
- Ægte øjeblikke: lønningsdag, huslejedag, en rejse, man har sparet op til
- Almindelige sætninger, som en ven ville sige
- Hvert tal med en sætning og en kilde
- Småt trykt, der er designet ind fra starten

Varmen kommer mest fra ord og farve, ikke fra illustration eller vittigheder. Hvis du også bygger til udviklere eller virksomheder, dækker [SaaS-startup branding](https://gradiently.design/da/guide/saas-startup-branding) B2B-siden, og [kryptoprojekt branding](https://gradiently.design/da/guide/web3-project-branding) viser, hvordan du forbliver troværdig i et mere støjende hjørne af finansverdenen.

## FAQ

### Hvilke farver er bedst til fintech-branding?

En rolig, dyb grundfarve, der ikke er marineblå, som stedsegrøn, blomme eller blæk, en lys neutral til læsning og ét lysende accent til de vigtigste handlinger.

### Hvorfor bruger så mange fintech-brands blå?

Blå forbindes bredt med stabilitet og ro, så bankerne tog den til sig. Fordi så mange bruger den, hjælper den ikke længere et nyt brand med at skille sig ud.

### Hvilken skrifttype er bedst til finansielle tal?

En tydelig sans serif med adskilte ciffer og tabelcifre, så beløb flugter i kolonner og ikke flytter sig, når de opdateres.

### Hvad skal et fintech-dataopslag indeholde?

Ét tal, en sætning, der forklarer, hvad det betyder, og datakilden, også når det er dine egne anonymiserede data.

### Hvordan får jeg plads til risikoadvarsler i fintech-grafik?

Byg en fast, læselig plads til dem ind i hver skabelon fra starten, så påkrævet ordlyd aldrig tvinger et redesign.