HubSpot faller orange: hur tillgänglighet omformade CRM:s design

Det nya HubSpot-temat är inte bara en omdesign. Bakom det ligger ett ombyggt designsystem – och ett beslut som handlar om WCAG.

Per den 31 augusti 2026, HubSpot har ett nytt gränssnitt Och de orangea knapparna är borta. För många användare var det den svåraste delen att acceptera: orange var HubSpot. Anledningen bakom beslutet är dock mer intressant än själva beslutet – den färgen uppfyllde inte WCAG kontrastkrav Det är ett tecken på något djupare. HubSpot förändrar hur människor interagerar med produkten, och för att göra det var de tvungna att bygga om plattformens visuella grund. Tillgänglighet är en av anledningarna, vilket företaget öppet anger.

Varifrån förändringen kommer

Utgångspunkten är en observation som HubSpot gör om sig själv: i åratal krävde programvara något av användarna innan de gav något tillbaka. Man var tvungen att lära sig verktyget, lista ut vart man skulle gå och hur man fick saker gjorda. Bördan att få ut värde av produkten låg hos personen som använde den.

Det uttalade målet är att vända på det förhållandet: en produkt som lyfter fram det som är viktigt utan att du behöver leta efter det, med AI inbyggd i arbetsflödet snarare än påbyggd som en separat funktion.

Planen går i två steg:

• Steg 1 — den visuella uppdateringen , redan live. En lättare känsla, renare typografi, mer avsiktligt avstånd och lättare rubriker så att själva innehållet står i centrum.

• Steg 2 — omdesign av hur produkten fungerar , som gradvis lanseras under de kommande sex månaderna.

Så uppdateringen är inte en omdesign i sig: det är grunden som allt annat kommer att vila på. HubSpot valde att introducera den först och gradvis, så att den fullständiga omdesignen känns bekant snarare än stötande när den väl kommer. Och det är precis här tillgängligheten kommer in i bilden.

Vad som förändras och när

• 30 juni 2026 — valfri offentlig betaversion

• 31 augusti 2026 — automatisk utrullning till alla användare

Skiftande: färger, typografi, kantradier, ikoner, avstånd, höjd och rörelse.
Inte ändras: navigering, struktur, arbetsflöde och rapporteringslogik. Det finns inget att lära sig om.

Varför överhuvudtaget ändra färgerna och gränssnittet?

HubSpots svar är tekniskt innan det är estetiskt.

Plattformens designsystem hade inte uppdaterats på nästan ett decennium. Under den tiden växte produkten till hundratals appar, var och en med lite olika komponenter, färger och interaktionsmönster. Det är därför en rullgardinsmeny i en app betedde sig annorlunda än samma rullgardinsmeny i en annan – och varför mörkt läge aldrig kom.

Under de senaste två åren har företaget byggt om hela systemet från grunden och standardiserat filter, tabeller, modaler och alla andra byggstenar. Det nya temat är systemets visuella uttryck.

Och enligt HubSpot är det en förutsättning för att tre saker ska kunna levereras: mörkt läge, en utökad uppsättning teman och fullständig produkttillgänglighet .

Det är den delen som är värd att stanna upp vid. Tillgänglighet behandlades inte som en funktion som skulle läggas till senare, utan som något som krävde ombyggnad av den visuella infrastrukturen. När man har hundratals komponenter som alla beter sig på sitt eget sätt finns det ingen realistisk väg att göra dem tillgängliga en efter en.

Det orangea fallet

Här kommer det viktigaste beslutet – och det som användarna motsatte sig hårdast.

Orange var HubSpots signaturfärg på primära åtgärdsknappar. I det nya temat är den borta. Anledningen, som företaget uppgav: orange på vitt uppfyller inte den lägsta kontrast som krävs av WCAG 2.1 nivå AA vilket gör det svårt att läsa för personer med synnedsättning.

HubSpot försökte mörka den. Men för att få den att bli tillräckligt mörk i orange för att den ska bli godkänd blir färgen brun och förlorar det som gör den orange från första början. Därav beslutet att ta bort den från primära åtgärder, med möjlighet att återinföra den genom alternativa teman senare.

Det är ett beslut värt att titta närmare på: ett företag med enormt varumärkeskännedom gick med på att ge upp sin signaturfärg på ett centralt gränssnittselement, eftersom det inte uppfyllde ett tillgänglighetskrav.

Spänningen mellan varumärkesidentitet och efterlevnad är verklig, och den löses oftast på andra sättet – att behålla färgen och skjuta upp problemet. Här gick det annorlunda.

Omdesignen gäller HubSpots gränssnitt, inte innehållet du publicerar med HubSpot.

• De backend — det du ser fungerar i CRM-systemet — gynnas av uppdateringen.

• De gränssnitt — webbplats, landningssidor, e-postmeddelanden och formulär som du skapar med HubSpot och som når dina användare — förblir precis lika tillgängliga som du har gjort dem.

Ett uppdaterat tema i CRM-systemet gör inte en landningssida kompatibel om den har otillräcklig kontrast, ett formulär utan tillhörande etiketter eller en bild utan alt-text. Och det är just de sidorna som omfattas av den europeiska tillgänglighetslagen.

Tillgänglighet har blivit standard affärspraxis

En sak är värd att notera: i all HubSpots kommunikation framstår tillgänglighet aldrig som en lagstadgad skyldighet. Det nämns inga påföljder, deadlines eller krav. Det framträder som en del av ett produktbeslut – tillsammans med mörkt läge, anpassningsbara teman och komponentkonsistens.

Det är ett tecken på mognad. Tillgänglighet flyttar sig från regelefterlevnad till upplevelsekvalitet, där den alltid hört hemma.

Och det orangea fallet visar det bättre än något principiellt påstående: otillräcklig kontrast straffar inte bara personer med synnedsättning. Det straffar alla som arbetar i starkt solljus, alla som sitter på en billig skärm, alla som tittar på gränssnittet i slutet av en lång dag. Att göra en knapp läsbar förbättrar upplevelsen för alla, inte för en minoritet.

När tillgänglighet utformas på detta sätt – som en begränsning som höjer den övergripande kvaliteten, snarare än en ruta att kryssa i – slutar den att vara en kostnad och blir vad den alltid har varit: bra design.