Kortversjonen
- 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.
På denne siden
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 så produkt og markedsnettsted deler verdier. Merkevare for oppstartsbedrifter 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.
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 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.
X- og Bluesky-innlegget: funksjonen først, navnet etterpå.
Samme budskap som stående LinkedIn-innlegg.
Lanseringsdagsgrafikk 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.
<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" />Med mange sider bør de genereres fra mal fremfor manuelt. Dynamiske OG-bilder viser hvordan, og Open Graph-tagger 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 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 går videre.
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 forklarer oppsettet.
Spørsmål folk stiller
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.
Skrevet av Gradiently
Teamet bak Gradiently, et designverktøy bygget rundt Marks: levende gradienter som gjør at alt du designer ser ut som ditt.
Se profilen vår