# Brand di una SaaS: un look per il lancio e per ogni giorno dopo
[Canonical HTML page](https://gradiently.design/it/guide/saas-startup-branding)
Il giorno del lancio prende l’attenzione, ma il brand di un software si costruisce soprattutto nei cento piccoli post dopo: changelog, anteprime dei link, intestazioni della documentazione e annunci di lavoro. Ecco un sistema che li fa combaciare tutti.
## The short version
- Il brand di una SaaS è un piccolo sistema, un wordmark, una palette, i caratteri, uno stile di sfondo e una manciata di layout, applicato allo stesso modo nel prodotto, nella documentazione e in ogni post social.
- La palette di una SaaS deve funzionare sia come colore dell’interfaccia sia come colore di marketing, quindi scegli un colore d’accento del brand che superi anche il contrasto come pulsante.
- Ogni pagina pubblica di un prodotto SaaS dovrebbe avere la propria immagine Open Graph da 1200×630, perché i link vengono condivisi di continuo su Slack, X e LinkedIn.
- I post del changelog sono la grafica più frequente che un team SaaS produce, quindi meritano un modello fisso più delle grafiche di lancio.
- Gli annunci di assunzione sono post del brand, e dovrebbero somigliare al resto dell’azienda e non a un modello da recruiter.
Un **brand SaaS** forte riguarda meno la presentazione del giorno del lancio e più un piccolo sistema che puoi applicare a centinaia di cose: un wordmark, una palette che funziona nell’interfaccia come sui social, uno o due caratteri, uno stile di sfondo e pochi layout fissi per lanci, changelog, anteprime dei link e annunci di assunzione. Le aziende di software rilasciano ogni settimana, quindi il brand deve starci dietro senza un designer che ridisegna tutto. Costruisci il sistema una volta e ogni post successivo diventa un lavoro da compilare.
## Un sistema di brand SaaS in cinque parti
1. **Wordmark** Il tuo nome composto bene in un solo carattere, più un piccolo simbolo quadrato per favicon e icone dell’app. Salta il simbolo astratto finché non sai di averne bisogno.
2. **Palette** Una scala di neutri per l’interfaccia, un colore d’accento del brand e colori di stato per successo, avviso ed errore.
3. **Caratteri** Un sans serif per interfaccia e marketing, facoltativamente un display per i grandi titoli, e un monospazio per il codice.
4. **Stile di sfondo** Un gradiente o un materiale usato dietro le grafiche di marketing, mai dentro le schermate di lavoro del prodotto.
5. **Layout** Modelli fissi per post di lancio, post del changelog, immagini Open Graph, banner del blog e annunci di assunzione.
Scrivili come [design token](https://gradiently.design/it/guide/design-tokens) così prodotto e sito di marketing condividono gli stessi valori. [Il brand di una startup](https://gradiently.design/it/guide/startup-branding) tratta nome e posizionamento; questo articolo parla di cosa produci una volta sistemate quelle cose.
## I colori di una SaaS per il prodotto e per il marketing
Il colore d’accento di una SaaS vive due vite: su pulsanti e link dentro l’app, e come firma di ogni grafica di marketing. Questo esclude molti colori alla moda, perché un pulsante deve reggere testo bianco o scuro con un contrasto leggibile. Scegli prima l’accento per l’interfaccia, poi costruisci intorno a esso lo sfondo di marketing.
- Notte: #0b1020
- Pannello: #1f2a44
- Foschia: #e5e7eb
- Indaco del brand: #4f46e5
- Successo: #22c55e
- Avviso: #f59e0b
Una palette per l’interfaccia. L’indaco regge il testo bianco sui pulsanti, quindi può essere il colore del brand ovunque.
- Lancio: luce indaco sulla notte: `radial-gradient(circle at 80% 10%, #6366f1 0%, #1f2a44 45%, #0b1020 85%)`
- Changelog: pannello discreto: `linear-gradient(135deg, #0b1020 0%, #1f2a44 100%)`
- Chiaro: dalla foschia all’indaco: `linear-gradient(135deg, #eef2ff 0%, #c7d2fe 60%, #818cf8 100%)`
Sfondi di marketing costruiti dalla palette dell’interfaccia. Prodotto e post sembrano imparentati senza che i post sembrino screenshot.
Indaco, viola e blu elettrico sono diffusissimi nelle SaaS, quindi se ne scegli uno, lascia che sia lo stile di sfondo a portare la differenza. [Lo schema colori di un sito](https://gradiently.design/it/guide/website-color-scheme) tratta il lato dell’interfaccia, compreso un tema scuro.
## Grafiche di lancio per una SaaS
Il giorno del lancio ti serve un solo messaggio in più forme: un post orizzontale per X e Bluesky, un post verticale per LinkedIn, un’immagine del link per l’annuncio e un hero per il sito. Di’ in una riga cosa fa il prodotto, non come si chiama.
Un post di lancio orizzontale con la scritta Fatture che si sollecitano da sole, lancio oggi
Il post di lancio per X e Bluesky: prima cosa fa, poi il nome.
Un post di lancio verticale per LinkedIn con la scritta Fatture che si sollecitano da sole, lancio oggi
Lo stesso messaggio come post verticale per LinkedIn.
[Le grafiche del giorno di lancio](https://gradiently.design/it/guide/launch-day-graphics) ha una checklist completa di risorse e tempi.
## Immagini Open Graph per ogni pagina
I link delle SaaS vengono condivisi di continuo su Slack, Teams, X e LinkedIn, e un’anteprima mancante fa sembrare rotto un link. Dai a ogni pagina pubblica, comprese documentazione, prezzi, articoli del blog e voci del changelog, una propria immagine 1200×630 con il titolo della pagina sul tuo sfondo.
```html
```
I tag che fanno comparire l’anteprima del link con un’immagine grande. Usa un URL assoluto per l’immagine.
Con molte pagine, generale da un modello invece che a mano. [Le immagini OG dinamiche](https://gradiently.design/it/guide/dynamic-og-images) mostra come, e [i tag Open Graph](https://gradiently.design/it/guide/open-graph-tags) tratta ogni tag e come lo legge ciascuna piattaforma.
## Post del changelog e delle funzionalità
I changelog sono la cosa che un team SaaS pubblica più spesso, e la migliore prova che il prodotto è vivo. Dai loro un layout dedicato e più discreto di quello dei lanci, così un aggiornamento settimanale non urla come un lancio e un vero lancio continua a spiccare.
Una scheda del changelog con la scritta Arriva la modalità scura, changelog settimana 41, più ricerca veloce e tre correzioni
Una scheda del changelog alla dimensione dell’anteprima del link: la funzione principale in grande, il resto in una riga.
- **Una funzione per scheda.** Apri con la modifica che le persone noteranno di più.
- **Un’etichetta coerente** come «Changelog» e un numero di settimana o di versione.
- **Uno screenshot o una breve clip** nella pagina successiva del carosello o nel post stesso, non stipati nella scheda.
- **Lo stesso layout ogni settimana,** così gli utenti abituali riconoscono subito gli aggiornamenti.
## Annunci di assunzione che somigliano all’azienda
I candidati giudicano un’azienda dai suoi annunci di lavoro, e molti team SaaS li affidano a un modello generico. Usa il tuo sfondo, i tuoi caratteri e la tua voce, nomina il ruolo con chiarezza e di’ a cosa lavorerà davvero la persona. [Il design dell’employer branding](https://gradiently.design/it/guide/employer-branding-design) va oltre.
Un annuncio di assunzione con la scritta Cerchiamo un product designer, da remoto in Europa, sullo stesso sfondo del post di lancio
Ruolo, sede e il lavoro vero, sullo stesso sfondo del lancio.
## Tenere coerenti documentazione, app e social
### Si disperde
- Documentazione con un tema predefinito e un accento diverso
- Ogni ingegnere che fa la propria immagine del changelog
- Banner del blog da un modello di repertorio
- Il vecchio logo ancora sull’immagine OG
### Regge
- Documentazione, app e sito che condividono un unico file di token
- Un solo modello di changelog che chiunque può compilare
- Banner del blog 1200×600 sullo sfondo del brand
- Immagini OG generate dal brand attuale
Gradiently è adatto ai team SaaS che vivono nel proprio assistente AI. Funziona dentro ChatGPT, Claude e qualsiasi assistente che supporti server MCP remoti, così puoi chiedere la scheda del changelog della settimana dalla stessa chat in cui hai scritto le note di rilascio, e il design si apre nello Studio nel tuo brand per controllarlo ed esportarlo. [Collegare un assistente AI](https://gradiently.design/it/guide/connect-ai-assistant) spiega la configurazione.
## FAQ
### Cosa rende buono il brand di una SaaS?
Un piccolo sistema coerente: un wordmark, una palette che funziona nell’interfaccia e nel marketing, uno o due caratteri, uno stile di sfondo e layout fissi per i post ricorrenti.
### Che dimensione deve avere l’immagine Open Graph di una SaaS?
1200×630 pixel. Dai a ogni pagina pubblica la propria immagine e usa un URL assoluto nel tag og:image.
### Quali colori deve usare il brand di una SaaS?
Una scala di neutri per l’interfaccia, un colore d’accento che superi il contrasto come colore di pulsante e colori di stato chiari per successo, avviso ed errore.
### Come deve progettare i post del changelog un’azienda SaaS?
Usa un unico modello fisso e discreto con un’etichetta chiara e un numero di versione o di settimana, aprendo con la singola modifica che gli utenti noteranno di più.
### Le startup SaaS hanno bisogno di un simbolo nel logo?
All’inizio no. Un wordmark ben composto più un semplice simbolo quadrato per favicon e icone dell’app basta per la maggior parte dei primi prodotti.