# Varumärke för fintech: förtroende, tydlighet och lite värme

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

Pengar är personligt och lite skrämmande. Ett fintechvarumärke måste se tryggt nog ut för att man ska lita på det och mänskligt nog för att man ska öppna appen varje dag. Så gör du båda.

## The short version

- Fintechvarumärket har tre uppgifter: se pålitligt nog ut för att hålla någons pengar, göra siffror omedelbart tydliga och kännas varmt nog för att ingen ska grua sig för att öppna appen.
- De flesta finansvarumärken använder blått, så en palett i djupgrönt, plommon, bläck eller varm neutral med en enda ljus accent är ett enkelt sätt att bli igenkänd.
- Siffror är produkten i fintech, så använd tabellsiffror och ett typsnitt vars siffror är lätta att skilja åt.
- Ett datainlägg ska visa en enda siffra, förklara vad den betyder i en mening och ange sin källa.
- Om din produkt är reglerad ska varje mall ha ett fast utrymme för riskvarningar och liten text, så att regelefterlevnad aldrig bryter layouten.

Bra **varumärke för fintech** balanserar tre saker: förtroende, tydlighet och lite värme. Förtroende, eftersom folk lämnar sina pengar till dig. Tydlighet, eftersom produkten mest består av siffror och varje siffra måste gå att läsa med en blick. Värme, eftersom pengar är stressande och en app som känns kall eller klinisk är en app folk undviker att öppna. Banker löste traditionellt bara det första, oftast med blått. De fintechbolag folk faktiskt gillar att använda lyckas se trygga och mänskliga ut på en gång, och den balansen går att formge.

## Därför är så många finansvarumärken blå

Blått förknippas med stabilitet och lugn i många kulturer, vilket är varför banker, försäkringsbolag och betalföretag har anammat det så brett. Problemet är att associationen numera tillhör hela branschen. En ny fintech i företagsblått ser ut som en bank, och att se ut som alla banker gör det svårt att bli ihågkommen. [Blå färgs betydelse](https://gradiently.design/sv/guide/blue-color-meaning) går igenom associationerna, och [färgpsykologi](https://gradiently.design/sv/guide/color-psychology) förklarar varför sammanhanget väger tyngre än någon enskild nyans.

## Färgpaletter för fintech bortom blått

Du kan behålla lugnet och slippa likheten. Välj en djup, stadig grundfärg som inte är marinblå, en ljus neutral för skärmar och dokument och en enda ljus accent för de ögonblick som räknas: en betalning som skickats, ett mål som nåtts, en knapp att trycka på. Djupa gröna toner antyder tillväxt utan klyschan pengagrönt. Plommon känns premium. Varma neutrala toner känns mänskliga och genomtänkta.

- Städsegrönt till mynta: `linear-gradient(150deg, #052e2b 0%, #0f5f52 55%, #5eead4 100%)`
- Plommon till orkidé: `linear-gradient(160deg, #2a1033 0%, #6b2a63 55%, #f0abfc 100%)`
- Varmt papper till korall: `linear-gradient(140deg, #faf7f2 0%, #efe3d3 50%, #f97361 100%)`
- Bläck med limesignal: `radial-gradient(circle at 80% 20%, #bef264 0%, #3f6212 30%, #111827 75%)`

Fyra fintechriktningar som undviker företagsblått. Alla behåller en lugn bas och sparar sin starkaste färg till en enda uppgift.

- Städsegrönt: #052e2b
- Valvgrönt: #0f5f52
- Kontoutdragspapper: #faf7f2
- Sifferbläck: #1f2937
- Skickat-mynta: #5eead4
- Varningskorall: #f97361

En komplett arbetspalett: två gröna för varumärket, papper och bläck för läsning, mynta för lyckade tillstånd och korall som enbart är till för varningar.

Lägg märke till att färger för lyckat resultat och varning är en del av varumärket, inte en eftertanke. I en pengaapp bär grönt och rött betydelse, så se till att din accent inte krockar med dem. [Grön färgs betydelse](https://gradiently.design/sv/guide/green-color-meaning) är användbar om du väljer grönt som själva varumärkesfärgen.

## Bästa typsnitten för siffror i fintech

I fintech är siffrorna produkten. Välj ett typsnitt vars siffror är omisskännliga: en tydlig 1 som inte är ett l, en 0 som inte är ett O, en 6 och en 8 som förblir distinkta i små storlekar. Använd tabellsiffror överallt där tal står i kolumner eller uppdateras live, så att belopp linjerar och inte hoppar när de ändras. Många gränssnittstypsnitt stödjer dem. Kolla innan du väljer.

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

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

Tabellsiffror ger varje siffra samma bredd, så att saldon och beloppskolumner förblir linjerade. Se [font-variant-numeric](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric) på MDN.

## Så formger du datainlägg för fintech

Fintechbolag har intressanta data: hur folk sparar, när de handlar, vad en funktion förändrade. Ett bra datainlägg visar en enda siffra, förklarar den i en mening och anger sin källa, även om källan är dina egna anonymiserade data. Tio siffror i en grafik är en rapport, inte ett inlägg, och ingen läser den på telefon. För mer invecklade berättelser fungerar en karusell med en siffra per bild mycket bättre. [Infografikformgivning](https://gradiently.design/sv/guide/infographic-design) går igenom strukturen.

Ett datainlägg som visar noll pund i avgift för att skicka pengar utomlands på överföringar i ett Plus-paket

En siffra, vad den betyder och villkoret som hör till. Tydligt nog för skärmdump.

Ett kvadratiskt datainlägg som visar att medlemmar sparar mest klockan 09.14 på lönedagen, med anonymiserade sparandedata som källa

En datahistoria från din egen produkt, med källan angiven under rubriken.

> **Lämna plats för den lilla texten** Om din produkt är reglerad kan marknadsföring kräva riskvarningar, representativa exempel eller rader om behörighet. Bygg in ett fast utrymme för dem i varje mall, i läsbar storlek, så att granskningen aldrig tvingar fram en omformgivning i sista stund.

## Lanseringsgrafik för fintechappar

En lansering eller ny funktion behöver en uppsättning: aviseringsinlägget, en story, en LinkedIn-version för företagspubliken, en webbplatshjälte och länkförhandsvisningen för press och bloggdelningar. Led med vad personen nu kan göra, med deras ord, inte ditt funktionsnamn. ”Dela notan med två tryck” slår ”Vi presenterar SplitPay 2,0”. [Lanseringsgrafik för mobilappar](https://gradiently.design/sv/guide/mobile-app-launch-graphics) har en komplett lanseringschecklista.

- Instagraminlägg 1080×1350: 1080 × 1350
- Instagram Story 1080×1920: 1080 × 1920
- LinkedIn-inlägg 1200×1200: 1200 × 1200
- Webbplatshjälte 1920×1080: 1920 × 1080
- Länkförhandsvisning 1200×630: 1200 × 630

En lanseringsuppsättning i fem storlekar, skalenligt. Formge dem tillsammans så att hjälten, inläggen och förhandsvisningen tydligt hör till samma lansering.

En stående lanseringsstory med texten Dela notan med två tryck, nytt i appen, uppdatera i dag på iOS och Android

Lanseringsstoryn: fördelen som rubrik, funktionsnamnet syns ingenstans.

Att ta fram en lanseringsuppsättning i varje storlek för hand är långsamt och felbenäget. I Gradiently formger du en gång och ändrar, med Pro, storlek till alla format i ett steg. Marken bakom orden lugnar sig under rubriker och liten text, så att de förblir läsbara var de än hamnar. Ett Pro-varumärkespaket rymmer dina logotyper, typsnitt, palett och röst, och Designer skriver i den rösten, vilket håller ett helt teams inlägg enhetliga. [Konfigurera varumärkespaketet](https://gradiently.design/sv/guide/brand-kit-setup) går igenom det.

## Så får du ett fintechvarumärke att kännas varmt

### Kallt

- Företagsblått på vitt, inget annat
- Arkivfoton av handslag och skyline
- ”Utnyttjar innovativa lösningar”
- Siffror utan sammanhang
- Liten text som kläms in på slutet

### Varmt och pålitligt

- En lugn, särpräglad palett med en vänlig accent
- Verkliga ögonblick: lönedag, hyresdag, en resa man sparat till
- Enkla meningar som en vän skulle säga
- Varje siffra med en mening och en källa
- Liten text som formgetts in från början

Värmen kommer mest från ord och färg, inte från illustrationer eller skämt. Bygger du även för utvecklare eller företag täcker [varumärke för SaaS-startups](https://gradiently.design/sv/guide/saas-startup-branding) B2B-sidan, och [varumärke för kryptoprojekt](https://gradiently.design/sv/guide/web3-project-branding) visar hur du förblir trovärdig i ett bullrigare hörn av finansvärlden.

## FAQ

### Vilka färger passar bäst för fintechvarumärken?

En lugn, djup grundfärg som inte är marinblå, till exempel städsegrönt, plommon eller bläck, en ljus neutral för läsning och en enda ljus accent för viktiga handlingar.

### Varför använder så många fintechvarumärken blått?

Blått förknippas brett med stabilitet och lugn, så bankerna anammade det. Eftersom så många använder det hjälper det inte längre ett nytt varumärke att sticka ut.

### Vilket typsnitt är bäst för finansiella siffror?

Ett tydligt sans serif med distinkta siffror och tabellsiffror, så att belopp linjerar i kolumner och inte flyttar sig när de uppdateras.

### Vad ska ett datainlägg för fintech innehålla?

En siffra, en mening som förklarar vad den betyder och datakällan, även när det är dina egna anonymiserade data.

### Hur får jag in riskvarningar i fintechgrafik?

Bygg in ett fast, läsbart utrymme för dem i varje mall från början, så att obligatorisk text aldrig tvingar fram en omformgivning.
