Endast superadministratörer och administratörer kan komma åt och ändra utseendeinställningar. Om du inte ser det här alternativet under Workspace Config ber du din superadministratör att granska din roll.
Åtkomst till utseendeinställningar
Anpassa varje visuellt element
Primärfärg
Primärfärgen tillämpas på knappar, aktiva länkar, markerade tillstånd och viktiga gränssnittselement i hela plattformen.- Välj en färg som speglar din kärnvarumärkesidentitet.
- Det här är den mest inflytelserika färginställningen eftersom den visas överallt i gränssnittet.
Sidofältets bakgrundsfärg
Sidofältets bakgrund anger grundnyansen för den vänstra navigeringspanelen.- Använd en färg som skapar en tydlig visuell separation mellan sidofältet och huvudinnehållsområdet.
- Mörka bakgrunder med ljus text fungerar generellt bäst för läsbarhet.
Sidofältets textfärg
Sidofältets textfärg styr etikettfärgen för alla navigeringsobjekt i den vänstra menyn.- Välj alltid en färg som har stark kontrast mot din sidofälts bakgrundsfärg.
- Dålig kontrast gör länkar svårare att läsa och minskar tillgängligheten.
Sidofältets hover-bakgrundsfärg
Den här färgen visas som bakgrundsmarkering när en användare för muspekaren över ett navigeringsobjekt i sidofältet.- Den signalerar interaktivitet och hjälper användare att förstå vilket objekt de är på väg att klicka på.
- Välj en färg som är märkbart annorlunda från både standardsidofältets bakgrund och den aktiva objektfärgen.
Tillämpa dina färgval
Öppna färgväljaren för varje fält
Klicka på färgrutan bredvid något av de fyra utseendefälten — Primärfärg, Sidofältets bakgrund, Sidofältets textfärg eller Sidofältets hover-bakgrundsfärg — för att öppna färgväljaren.
Ange en hexkod eller välj en färg
Skriv in din varumärkes exakta hexkod (t.ex.
#3B5BDB) direkt i inmatningsfältet, eller använd den visuella väljaren för att välja en nyans.Förhandsgranska ändringarna
Granska hur de uppdaterade färgerna ser ut i sidofältet och i hela gränssnittet innan du sparar.
Återställa till standardtemat
Om du vill ta bort all anpassad varumärkning och återställa det ursprungliga AgencyHandy-färgschemat klickar du på knappen Reset Default Settings på sidan Utseende.Bästa praxis för färgkontrast
God färgkontrast är inte bara en designpreferens — den påverkar direkt läsbarheten och tillgängligheten för ditt team och dina kunder.Sikta på WCAG AA-kontrastförhållanden
För normal brödtext, använd ett kontrastförhållande på minst 4,5:1 mellan text och bakgrund. För stor text eller ikoner är ett förhållande på 3:1 acceptabelt. Använd ett verktyg som WebAIM Contrast Checker för att verifiera.
Undvik kombinationer med låg kontrast
Para inte ihop färger som ljusgrå text på vitt eller gul text på vitt — dessa uppfyller inte tillgänglighetsstandarder och anstränger ögonen under långa sessioner.
Testa hover-tillstånd medvetet
Hover-färger bör vara märkbart annorlunda från både vilotillståndet och det aktiva tillståndet. Om de ser likadana ut förlorar användarna viktig visuell återkoppling.
Håll dig konsekvent med ditt varumärke
Använd samma primärfärg här som på din webbplats, i offerter och på fakturor. Konsekvens bygger igenkänning och professionalism vid alla kundkontaktpunkter.
Viktiga noteringar
- Omedelbar global effekt: Alla sparade utseendeändringar tillämpas omedelbart i hela workspace:et. Varje inloggad användare ser uppdateringen vid sin nästa navigeringsåtgärd.
- Ett aktivt tema: Det finns inget stöd för flera teman — en uppsättning färger gäller för hela workspace:et för alla roller.
- Rollbegränsning: Endast superadministratörer och administratörer kan göra utseendeändringar. Vanliga teammedlemmar och kunder kan inte ändra färger.
- Återställning är permanent: Knappen Reset Default Settings kan inte ångras, så använd den bara när du avsiktligt vill ta bort alla anpassade färger.