Il nuovo design di HubSpot dice addio all'arancione: le ragioni legate all’accessibilità

Il nuovo tema HubSpot non è solo un restyling. Dietro c'è la ricostruzione del design system — e una decisione che riguarda direttamente le WCAG.

Dal 31 agosto 2026 HubSpot ha un'interfaccia nuova. E i pulsanti arancioni non ci sono più.

Per molti utenti è stata la parte più difficile da accettare: l'arancione era HubSpot. La ragione della scelta, però, è più interessante della scelta stessa — quel colore non superava i requisiti di contrasto delle WCAG. È il segnale di un cambiamento più profondo. HubSpot sta modificando il modo in cui le persone interagiscono con il prodotto, e per farlo ha dovuto ricostruire le fondamenta visive della piattaforma. L'accessibilità è una delle ragioni, dichiarata apertamente dall'azienda.

Le ragioni dietro il nuovo design di HubSpot

Il punto di partenza è una constatazione che HubSpot fa su sé stessa: per anni il software ha preteso qualcosa dall'utente prima di restituire valore. Dovevi imparare lo strumento, capire dove andare e come fare le cose. L'onere di ottenere risultati ricadeva su chi lo usava. L'obiettivo dichiarato è invertire questo rapporto: un prodotto che porta in superficie ciò che conta senza che tu debba cercarlo, con l'AI integrata nel flusso di lavoro anziché come funzione a parte.

Il piano si sviluppa in due fasi:

• Fase 1 — il refresh visivo, già attivo. Aspetto più leggero, tipografia rivista, spaziature diverse, header alleggeriti perché siano i contenuti a occupare la scena.

• Fase 2 — la riprogettazione del funzionamento, in rilascio progressivo nei prossimi sei mesi.

Il refresh non è quindi un restyling fine a sé stesso: è la base su cui poggerà tutto il resto. HubSpot ha scelto di introdurlo per primo e gradualmente, così che il redesign completo risulti familiare invece che spiazzante quando arriverà.

Ed è proprio qui che entra in gioco l'accessibilità.

Come cambia il design di HubSpot e quando

• 30 giugno 2026 — beta pubblica facoltativa

• 31 agosto 2026 — attivazione automatica per tutti

Cambia: colori, tipografia, raggi degli angoli, icone, spaziature, elevazione e motion. Non cambia: navigazione, struttura, logica di workflow e report. Non c'è nulla da reimparare.

Perché cambiare proprio i colori e l'interfaccia?

La risposta di HubSpot è tecnica prima che estetica.

Il design system della piattaforma non veniva aggiornato da quasi dieci anni. Nel frattempo il prodotto è cresciuto fino a centinaia di applicazioni, ciascuna con componenti, colori e pattern di interazione leggermente diversi. È il motivo per cui un menu a tendina in un'app si comportava diversamente dallo stesso menu in un'altra — e il motivo per cui la dark mode non è mai arrivata.

Negli ultimi due anni l'azienda ha ricostruito l'intero sistema da zero, standardizzando filtri, tabelle, modali e ogni altro componente. Il nuovo tema è l'espressione visiva di quel sistema.

E secondo HubSpot, completare questa migrazione è la precondizione per rilasciare tre cose: la dark mode, un set esteso di temi e la piena accessibilità del prodotto.

Questo è il punto che merita attenzione. L'accessibilità non è stata trattata come una funzionalità da aggiungere in seguito, ma come qualcosa che richiedeva di rifare l'infrastruttura visiva. Quando i componenti sono centinaia e ognuno si comporta a modo suo, non esiste un modo realistico di renderli accessibili uno per uno.

Il ruolo dell’arancione nel nuovo design di HubSpot

Qui arriva la decisione più significativa — e la più contestata dagli utenti.

L'arancione era il colore identitario di HubSpot sui pulsanti di azione primaria. Nel nuovo tema non c'è più. La ragione, dichiarata dall'azienda: l'arancione su bianco non raggiunge il contrasto minimo richiesto dalle WCAG 2.1 livello AA, risultando poco leggibile per persone con ipovisione.

HubSpot ha provato a scurirlo. Ma per portare l'arancione a un livello di contrasto conforme, il colore vira al marrone e perde ciò che lo rende arancione. Da qui la scelta di rimuoverlo dalle azioni primarie, con la possibilità di recuperarlo in futuro attraverso temi alternativi.

È una decisione che vale la pena osservare da vicino: un'azienda con un riconoscimento di marca enorme ha accettato di rinunciare al proprio colore distintivo su un elemento centrale dell'interfaccia, perché non superava un requisito di accessibilità.

Il conflitto tra identità di marca e conformità è reale, e capita spesso di vederlo risolto nella direzione opposta — mantenendo il colore e rimandando il problema. Qui è andata diversamente.

Il redesign riguarda l'interfaccia di HubSpot, non i contenuti che pubblicate.

• Il backend — quello che vedete lavorando nel CRM — beneficia dell'aggiornamento.

• Il frontend — sito, landing page, email e moduli che create con HubSpot e che raggiungono i vostri utenti — resta accessibile esattamente quanto lo avete reso voi.

Un tema aggiornato nel CRM non rende conforme una landing page con contrasto insufficiente, un form senza etichette associate o un'immagine priva di testo alternativo. E sono proprio quelle pagine a rientrare nel perimetro dell'European Accessibility Act.

Come l’accessibilità ha influenzato il nuovo design di HubSpot

Vale la pena notare una cosa: in tutta la comunicazione di HubSpot l'accessibilità non compare mai come adempimento normativo. Non si parla di sanzioni, scadenze o obblighi. Compare come parte di una decisione di prodotto — accanto alla dark mode, ai temi personalizzabili e alla coerenza dei componenti.

È un segnale di maturità. L'accessibilità sta uscendo dalla casella della compliance per entrare in quella della qualità dell'esperienza, dove è sempre appartenuta.

E il caso dell'arancione lo dimostra meglio di qualsiasi dichiarazione di principio: un contrasto insufficiente non penalizza soltanto chi ha una disabilità visiva. Penalizza chi lavora al sole, chi ha uno schermo economico, chi guarda l'interfaccia alla fine di una giornata lunga. Rendere leggibile un pulsante migliora l'esperienza di tutti, non di una minoranza.

Quando l'accessibilità viene progettata così — come vincolo che alza la qualità complessiva, e non come casella da spuntare — smette di essere un costo e diventa quello che è sempre stata: buon design.