# SaaS-branding: et udtryk til lanceringen og hver dag efter

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

Lanceringsdagen får opmærksomheden, men et softwarebrand bygges mest i de hundrede små opslag bagefter: changelogs, linkforhåndsvisninger, dokumentationsheadere og jobopslag. Her er et system, der får dem alle til at passe sammen.

## The short version

- SaaS-branding er et lille system, et ordmærke, en palet, skrift, et baggrundsudtryk og en håndfuld layouts, brugt på samme måde i produktet, dokumentationen og hvert opslag på sociale medier.
- En SaaS-palet skal fungere som interfacefarve og som marketingfarve, så vælg en brandaccent, der også klarer kontrastkravet som knap.
- Hver offentlig side i et SaaS-produkt bør have sit eget Open Graph-billede i 1200×630, fordi links hele tiden deles i Slack, X og LinkedIn.
- Changelog-opslag er den grafik, et SaaS-team laver oftest, så de fortjener en fast skabelon endnu mere end lanceringsgrafikken.
- Jobopslag er brandopslag, og de bør ligne resten af virksomheden frem for en rekrutteringsskabelon.

Stærk **SaaS-branding** handler mindre om en stor afsløring på lanceringsdagen og mere om et lille system, du kan bruge på hundredvis af ting: et ordmærke, en palet, der fungerer i interfacet og på sociale medier, en eller to skrifttyper, et baggrundsudtryk og nogle få faste layouts til lanceringer, changelogs, linkforhåndsvisninger og jobopslag. Softwarevirksomheder leverer hver uge, så brandet skal kunne følge med, uden at en designer tegner alt om. Byg systemet én gang, så bliver hvert opslag bagefter et spørgsmål om at udfylde felterne.

## Et SaaS-brandsystem i fem dele

1. **Ordmærke** Dit navn sat godt i én skrifttype plus et lille kvadratisk mærke til favicons og app-ikoner. Spring det abstrakte symbol over, indtil du ved, at du har brug for et.
2. **Palet** En neutral skala til interfacet, én brandaccent og statusfarver til succes, advarsel og fejl.
3. **Skrift** Én sans serif til interface og marketing, eventuelt en displayskrift til store overskrifter og en monospace til kode.
4. **Baggrundsudtryk** En gradient eller et materiale bag marketinggrafikken, aldrig inde i produktets arbejdsskærme.
5. **Layouts** Faste skabeloner til lanceringsopslag, changelog-opslag, Open Graph-billeder, blogbannere og jobopslag.

Skriv dem ned som [design tokens](https://gradiently.design/da/guide/design-tokens), så produktet og marketingsitet deler de samme værdier. [Startup-branding](https://gradiently.design/da/guide/startup-branding) handler om navn og positionering; denne artikel handler om det, du laver, når de er på plads.

## SaaS-farver til produktet og marketingen

En SaaS-accentfarve lever to liv: på knapper og links inde i appen og som signatur på al marketinggrafik. Det udelukker mange moderigtige farver, fordi en knap skal kunne bære hvid eller mørk tekst med læsbar kontrast. Vælg accenten til interfacet først, og byg så marketingbaggrunden omkring den.

- Nat: #0b1020
- Panel: #1f2a44
- Dis: #e5e7eb
- Brandindigo: #4f46e5
- Succes: #22c55e
- Advarsel: #f59e0b

En interfacepalet. Indigo bærer hvid tekst på knapper, så den kan være brandfarven overalt.

- Lancering: indigo lys på nat: `radial-gradient(circle at 80% 10%, #6366f1 0%, #1f2a44 45%, #0b1020 85%)`
- Changelog: roligt panel: `linear-gradient(135deg, #0b1020 0%, #1f2a44 100%)`
- Lyst tema: dis til indigo: `linear-gradient(135deg, #eef2ff 0%, #c7d2fe 60%, #818cf8 100%)`

Marketingbaggrunde bygget af interfacepaletten. Produktet og opslagene ser beslægtede ud, uden at opslagene ligner skærmbilleder.

Indigo, violet og elektrisk blå er ekstremt udbredt i SaaS, så vælger du en af dem, så lad baggrundsudtrykket skabe forskellen. [Farveskema til hjemmesider](https://gradiently.design/da/guide/website-color-scheme) dækker interfacesiden, inklusive et mørkt tema.

## Lanceringsgrafik til SaaS

På lanceringsdagen har du brug for ét budskab i flere formater: et liggende opslag til X og Bluesky, et stående opslag til LinkedIn, et linkbillede til annonceringen og en hero til sitet. Sig, hvad produktet gør, på én linje, ikke hvad det hedder.

Et liggende lanceringsopslag med teksten Fakturaer, der rykker sig selv, lanceres i dag

Lanceringsopslaget til X og Bluesky: hvad det gør først, navnet bagefter.

Et stående LinkedIn-lanceringsopslag med teksten Fakturaer, der rykker sig selv, lanceres i dag

Det samme budskab som stående LinkedIn-opslag.

[Grafik til lanceringsdagen](https://gradiently.design/da/guide/launch-day-graphics) har en komplet tjekliste over materialer og tidspunkter.

## Open Graph-billeder til hver side

SaaS-links deles hele tiden i Slack, Teams, X og LinkedIn, og et manglende forhåndsvisningsbillede får et link til at se ødelagt ud. Giv hver offentlig side, også dokumentation, priser, blogindlæg og changelog-poster, sit eget billede i 1200×630 med sidens titel på din baggrund.

```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" />
```

De tags, der får en linkforhåndsvisning til at vise et stort billede. Brug en absolut URL til billedet.

Med mange sider bør du generere dem ud fra en skabelon frem for i hånden. [Dynamiske OG-billeder](https://gradiently.design/da/guide/dynamic-og-images) viser hvordan, og [Open Graph-tags](https://gradiently.design/da/guide/open-graph-tags) gennemgår hvert tag, og hvordan hver platform læser dem.

## Changelog- og funktionsopslag

Changelogs er det, et SaaS-team udgiver oftest, og det bedste bevis på, at produktet lever. Giv dem et særligt og roligere layout end lanceringerne, så en ugentlig opdatering ikke råber som en lancering, og en rigtig lancering stadig skiller sig ud.

Et changelog-kort med teksten Mørkt tema er her, changelog uge 41, plus hurtigere søgning og tre fejlrettelser

Et changelog-kort i linkforhåndsvisningsstørrelse: den vigtigste funktion stort, resten på én linje.

- **Én funktion per kort.** Start med den ændring, folk lægger mest mærke til.
- **En fast etiket** som »Changelog« og et uge- eller versionsnummer.
- **Et skærmbillede eller et kort klip** på næste side i karrusellen eller i selve opslaget, ikke presset ind på kortet.
- **Det samme layout hver uge,** så faste brugere straks genkender opdateringerne.

## Jobopslag, der ligner virksomheden

Kandidater bedømmer en virksomhed på dens jobopslag, og mange SaaS-teams overlader dem til en generisk skabelon. Brug din egen baggrund, skrift og tone, nævn rollen ligeud, og sig, hvad personen faktisk skal arbejde med. [Design til employer branding](https://gradiently.design/da/guide/employer-branding-design) går videre.

Et jobopslag med teksten Vi søger en produktdesigner, remote i Europa, på samme baggrund som lanceringsopslaget

Rolle, sted og det rigtige arbejde på samme baggrund som lanceringen.

## Hold dokumentation, app og sociale medier ens

### Glider

- Dokumentation på et standardtema med en anden accent
- Hver udvikler laver sit eget changelog-billede
- Blogbannere fra en stockskabelon
- Det gamle logo sidder stadig på OG-billedet

### Holder

- Dokumentation, app og site deler én tokenfil
- Én changelog-skabelon, alle kan udfylde
- Blogbannere i 1200×600 på brandbaggrunden
- OG-billeder genereret ud fra det aktuelle brand

Gradiently passer til SaaS-teams, der lever i deres AI-assistent. Det virker i ChatGPT, Claude og enhver assistent, der understøtter eksterne MCP-servere, så du kan bede om ugens changelog-kort i den samme chat, hvor du skrev release notes, og designet åbner i Studio i dit brand, klar til at blive tjekket og eksporteret. [Forbind en AI-assistent](https://gradiently.design/da/guide/connect-ai-assistant) forklarer opsætningen.

## FAQ

### Hvad kendetegner god SaaS-branding?

Et lille, konsekvent system: et ordmærke, en palet, der fungerer i interface og marketing, en eller to skrifttyper, et baggrundsudtryk og faste layouts til tilbagevendende opslag.

### Hvilken størrelse skal et Open Graph-billede til SaaS have?

1200×630 pixels. Giv hver offentlig side sit eget billede, og brug en absolut URL i og:image-tagget.

### Hvilke farver bør et SaaS-brand bruge?

En neutral interfaceskala, én brandaccent, der klarer kontrastkravet som knapfarve, og tydelige statusfarver til succes, advarsel og fejl.

### Hvordan bør en SaaS-virksomhed designe changelog-opslag?

Brug én rolig, fast skabelon med en tydelig etiket og et versions- eller ugenummer, og start med den ene ændring, brugerne lægger mest mærke til.

### Har SaaS-startups brug for et logosymbol?

Ikke i starten. Et velsat ordmærke plus et enkelt kvadratisk mærke til favicons og app-ikoner er nok for de fleste tidlige produkter.