# SaaS-merkevare: et uttrykk for lanseringen og tiden etter

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

Lanseringen får oppmerksomheten, men en programvaremerkevare bygges mest i hundre små innlegg etterpå: endringslogger, lenkebilder, dokumentasjonstopper og jobbannonser. Her er et system som samler dem.

## The short version

- En SaaS-merkevare er et lite system, ordlogo, palett, skrift, bakgrunn og noen oppsett, brukt likt i produkt, dokumentasjon og sosiale innlegg.
- En SaaS-palett må fungere både i grensesnitt og markedsføring, så velg en aksent som også består kontrastkrav på knapper.
- Hver offentlig produktside bør ha eget Open Graph-bilde på 1200×630, fordi lenker deles stadig i Slack, X og LinkedIn.
- Endringslogginnlegg er den vanligste grafikken SaaS-team lager og fortjener faste maler mer enn lanseringsgrafikk.
- Stillingsinnlegg er merkeinnlegg og bør se ut som bedriften fremfor en rekrutterers mal.

En sterk **SaaS-merkevare** handler mest om et lite system til hundrevis av ting: ordlogo, palett som fungerer i app og sosiale medier, én eller to skrifter, bakgrunnsuttrykk og faste oppsett til lansering, endringslogg, lenkebilder og stillinger. Programvareselskaper lanserer ukentlig, så merkevaren må følge med uten at en designer tegner alt på nytt. Bygg systemet én gang, så blir senere innlegg utfylling av felter.

## Et SaaS-merkesystem i fem deler

1. **Ordlogo** Navnet godt satt i én skrift, pluss lite kvadratisk symbol til favicon og appikon. Vent med abstrakt symbol til du vet at du trenger det.
2. **Palett** Nøytral skala til grensesnittet, én merkeaksent og statusfarger til suksess, advarsel og feil.
3. **Skrift** Én grotesk til grensesnitt og markedsføring, eventuelt en tittelskrift til store overskrifter og fastbredde til kode.
4. **Bakgrunnsuttrykk** Gradient eller materiale bak markedsføringsgrafikk, aldri i produktets arbeidsskjermer.
5. **Oppsett** Faste maler til lansering, endringslogg, Open Graph-bilder, bloggbannere og stillingsinnlegg.

Skriv dem som [designvariabler](https://gradiently.design/nb/guide/design-tokens) så produkt og markedsnettsted deler verdier. [Merkevare for oppstartsbedrifter](https://gradiently.design/nb/guide/startup-branding) dekker navn og posisjonering. Her handler det om det du lager etterpå.

## SaaS-farger til produkt og markedsføring

En SaaS-aksent lever to liv: på knapper og lenker i appen og som signatur i markedsføringen. Det utelukker mange motefarger, fordi en knapp må bære hvit eller mørk tekst lesbart. Velg aksenten til grensesnittet først og bygg bakgrunnen rundt den.

- Natt: #0b1020
- Panel: #1f2a44
- Tåke: #e5e7eb
- Merkeindigo: #4f46e5
- Suksess: #22c55e
- Advarsel: #f59e0b

En grensesnittpalett. Indigo bærer hvit knapptekst og kan derfor være merkefarge overalt.

- Lansering: indigolys på natt: `radial-gradient(circle at 80% 10%, #6366f1 0%, #1f2a44 45%, #0b1020 85%)`
- Endringslogg: rolig panel: `linear-gradient(135deg, #0b1020 0%, #1f2a44 100%)`
- Lys modus: tåke til indigo: `linear-gradient(135deg, #eef2ff 0%, #c7d2fe 60%, #818cf8 100%)`

Markedsbakgrunner fra grensesnittpaletten. Produkt og innlegg hører sammen uten at innleggene ligner skjermbilder.

Indigo, lilla og elektrisk blått er svært vanlig i SaaS. Velger du en av dem, la bakgrunnen bære særpreget. [Fargeskjema for nettsted](https://gradiently.design/nb/guide/website-color-scheme) dekker grensesnittet og mørkt tema.

## SaaS-lanseringsgrafikk

På lanseringsdagen trenger du ett budskap i flere former: liggende innlegg til X og Bluesky, stående til LinkedIn, lenkebilde til kunngjøringen og hovedbilde til nettstedet. Si hva produktet gjør på én linje, ikke hva det heter.

Et liggende lanseringsinnlegg med Fakturaer som purrer selv, lanseres i dag

X- og Bluesky-innlegget: funksjonen først, navnet etterpå.

Et stående LinkedIn-innlegg med Fakturaer som purrer selv, lanseres i dag

Samme budskap som stående LinkedIn-innlegg.

[Lanseringsdagsgrafikk](https://gradiently.design/nb/guide/launch-day-graphics) har en full sjekkliste for innhold og timing.

## Open Graph-bilder til hver side

SaaS-lenker deles stadig i Slack, Teams, X og LinkedIn, og manglende forhåndsvisningsbilde får en lenke til å virke ødelagt. Gi alle offentlige sider, dokumentasjon, priser, blogg og endringslogg, eget bilde på 1200×630 med sidetittel på bakgrunnen.

```html
<meta property="og:title" content="Automatic payment reminders" />
<meta property="og:description" content="Ledgerly chases late invoices politely, on your schedule." />
<meta property="og:image" content="https://ledgerly.app/og/payment-reminders.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
```

Taggene som gir lenkeforhåndsvisning med stort bilde. Bruk absolutt URL til bildet.

Med mange sider bør de genereres fra mal fremfor manuelt. [Dynamiske OG-bilder](https://gradiently.design/nb/guide/dynamic-og-images) viser hvordan, og [Open Graph-tagger](https://gradiently.design/nb/guide/open-graph-tags) dekker alle tagger og plattformlesing.

## Endringslogg- og funksjonsinnlegg

Endringslogg er det SaaS-team publiserer oftest og beste bevis på at produktet lever. Gi den et eget, roligere oppsett enn lanseringer, så ukesoppdateringen ikke roper og en ekte lansering fortsatt skiller seg ut.

Et endringsloggkort med Mørk modus er her, uke 41, raskere søk og tre feilrettinger

Et endringsloggkort i lenkestørrelse: hovedfunksjonen stor, resten på én linje.

- **Én funksjon per kort.** Led med endringen brukerne merker mest.
- **En fast etikett** som «Endringslogg» og uke- eller versjonsnummer.
- **Skjermbilde eller kort klipp** på neste karusellside eller i innlegget, ikke presset inn i kortet.
- **Samme oppsett hver uke**, så faste brukere kjenner oppdateringen igjen straks.

## Stillingsinnlegg som ligner bedriften

Kandidater vurderer bedriften etter jobbinnlegg, og mange SaaS-team bruker en generisk mal. Bruk egen bakgrunn, skrift og tone, navngi rollen enkelt og si hva personen faktisk jobber med. [Arbeidsgivermerkevare](https://gradiently.design/nb/guide/employer-branding-design) går videre.

Et stillingsinnlegg med Vi søker en produktdesigner, fjernarbeid i Europa, på lanseringsinnleggets bakgrunn

Rolle, sted og ekte arbeid på samme bakgrunn som lanseringen.

## Samle dokumentasjon, app og sosiale medier

### Spriker

- Dokumentasjon på standardtema med annen aksent
- Hver ingeniør lager eget endringsloggbilde
- Bloggbannere fra standardmal
- Gammel logo fortsatt på OG-bildet

### Holder sammen

- Dokumentasjon, app og nettsted deler variabelfil
- Én endringsloggmal alle kan fylle
- Bloggbannere på 1200×600 med merkebakgrunn
- OG-bilder generert fra gjeldende merkevare

Gradiently passer SaaS-team som lever i AI-assistenten. Det fungerer i ChatGPT, Claude og alle assistenter med eksterne MCP-servere, så du kan be om ukas endringsloggkort fra samtalen der du skrev lanseringsnotatene. Designet åpnes i studioet med merkevaren din for kontroll og eksport. [Koble til en AI-assistent](https://gradiently.design/nb/guide/connect-ai-assistant) forklarer oppsettet.

## FAQ

### Hva gjør en SaaS-merkevare god?

Et lite, enhetlig system: ordlogo, palett til grensesnitt og markedsføring, én eller to skrifter, bakgrunnsuttrykk og faste oppsett til gjentatte innlegg.

### Hvilken størrelse bør et SaaS Open Graph-bilde ha?

1200×630 piksler. Gi hver offentlig side eget bilde og bruk absolutt URL i og:image-taggen.

### Hvilke farger bør en SaaS-merkevare bruke?

Nøytral grensesnittskala, én aksent som består kontrastkrav som knappfarge og tydelige statusfarger til suksess, advarsel og feil.

### Hvordan bør SaaS-selskaper designe endringslogginnlegg?

Bruk én rolig, fast mal med tydelig etikett og versjons- eller ukenummer, ledet av endringen brukerne merker mest.

### Trenger SaaS-oppstartsbedrifter et logosymbol?

Ikke først. En godt satt ordlogo og enkelt kvadratisk symbol til favicon og appikon er nok for de fleste tidlige produkter.