Naar hoofdinhoud gaan
Met de Uiterlijk-instellingen heeft u volledige controle over hoe uw AgencyHandy workspace eruitziet. U kunt het kleurenschema van het platform afstemmen op de merkidentiteit van uw bureau door de primaire kleur, zijbalkachtergrond, zijbalktekstkleur en de zweefmarkeerkleur voor zijbalknavigatie-items aan te passen. Elke wijziging die u opslaat, treedt onmiddellijk in werking voor de hele workspace voor alle gebruikers — zonder paginavernieuwing.
Alleen Superbeheerders en Beheerders kunnen Uiterlijk-instellingen openen en wijzigen. Als u deze optie niet ziet onder Workspace Config, vraag dan uw Superbeheerder om uw rol te bekijken.

​
Toegang tot Uiterlijk-instellingen

1

Open Workspace Config

Klik in het linkernavigatiemenu op Workspace Config.
2

Selecteer Uiterlijk

Klik op Uiterlijk (soms aangeduid als Visuele Instellingen) in het submenu.

​
Elk Visueel Element Aanpassen

​
Primaire Kleur

De primaire kleur wordt toegepast op knoppen, actieve koppelingen, gemarkeerde statussen en belangrijke interface-elementen door het hele platform.
  • Kies een kleur die uw kernmerkidentiteit weerspiegelt.
  • Dit is de meest impactvolle kleurinstelling omdat deze overal in de UI verschijnt.

​
Achtergrondkleur Zijbalk

De achtergrond van de zijbalk stelt de basisschaduw in van het linkernavigatiepaneel.
  • Gebruik een kleur die een duidelijke visuele scheiding creëert tussen de zijbalk en het hoofdinhoudsgebied.
  • Donkere achtergronden met lichte tekst presteren over het algemeen het beste voor leesbaarheid.

​
Tekstkleur Zijbalk

De tekstkleur van de zijbalk bepaalt de labelkleur voor alle navigatie-items in het linkermenu.
  • Kies altijd een kleur die een sterk contrast heeft ten opzichte van uw zijbalkachtergrondkleur.
  • Slecht contrast maakt koppelingen moeilijker leesbaar en vermindert de toegankelijkheid.

​
Zweefachtergrondkleur Zijbalk

Deze kleur verschijnt als achtergrondmarkering wanneer een gebruiker de cursor over een zijbalknavigatie-item beweegt.
  • Het signaleert interactiviteit en helpt gebruikers te begrijpen op welk item ze op het punt staan te klikken.
  • Kies een kleur die duidelijk te onderscheiden is van zowel de standaard zijbalkachtergrond als de actieve itemkleur.

​
Uw Kleurkeuzes Toepassen

1

Open de kleurkiezer voor elk veld

Klik op het kleurvlak naast een van de vier uiterlijkvelden — Primaire Kleur, Zijbalkachtergrond, Tekstkleur Zijbalk of Zweefachtergrondkleur Zijbalk — om de kleurkiezer te openen.
2

Voer een hexadecimale code in of kies een kleur

Typ de exacte hexadecimale code van uw merk (bijv. #3B5BDB) rechtstreeks in het invoerveld, of gebruik de visuele kiezer om een tint te selecteren.
3

Bekijk een voorvertoning van de wijzigingen

Bekijk hoe de bijgewerkte kleuren eruitzien in de zijbalk en door de interface voordat u opslaat.
4

Klik op Wijzigingen opslaan

Als u tevreden bent met het resultaat, klik dan op Wijzigingen opslaan. Het bijgewerkte uiterlijk wordt globaal en onmiddellijk toegepast op alle gebruikers in de workspace.
Bewaar de hexadecimale kleurcodes van uw merk op een toegankelijke plek (een merkstijlgids of notitieboekbestand). U wilt exact dezelfde waarden consistent hergebruiken — vooral als u uw uiterlijkinstellingen ooit opnieuw moet instellen en configureren.

​
Terug naar Standaardthema

Als u alle aangepaste merkidentiteit wilt verwijderen en het originele AgencyHandy-kleurenschema wilt herstellen, klik dan op de knop Standaardinstellingen herstellen op de Uiterlijk-pagina.
Terugzetten naar standaarden verwijdert permanent alle aangepaste kleurwijzigingen. Deze actie kan niet ongedaan worden gemaakt. Als u uw huidige instellingen wilt bewaren, noteer dan uw hexadecimale codes voordat u terugzet.

​
Aanbevolen Werkwijzen voor Kleurcontrast

Goed kleurcontrast is niet alleen een ontwerpsvoorkeur — het heeft direct invloed op de leesbaarheid en toegankelijkheid voor uw team en klanten.

Streef naar WCAG AA-contrastverhoudingen

Gebruik voor normale hoofdtekst een contrastverhouding van minimaal 4,5:1 tussen tekst en achtergrond. Voor grote tekst of pictogrammen is een verhouding van 3:1 acceptabel. Gebruik een tool zoals WebAIM Contrast Checker om te verifiëren.

Vermijd combinaties met weinig contrast

Combineer geen kleuren zoals lichtgrijze tekst op wit, of gele tekst op wit — deze voldoen niet aan toegankelijkheidsnormen en vermoeien de ogen tijdens lange sessies.

Test zweefstatussen bewust

Zweefkleuren moeten merkbaar verschillen van zowel de rusttoestand als de actieve toestand. Als ze er hetzelfde uitzien, verliezen gebruikers belangrijke visuele feedback.

Blijf consistent met uw merk

Gebruik hier dezelfde primaire kleur als op uw website, offertes en facturen. Consistentie bouwt herkenning en professionaliteit op bij alle klantcontactpunten.

​
Belangrijke Opmerkingen

  • Onmiddellijk globaal effect: Alle opgeslagen uiterlijkwijzigingen worden onmiddellijk toegepast in de hele workspace. Elke ingelogde gebruiker ziet de update bij zijn volgende navigatieactie.
  • Één actief thema: Er is geen ondersteuning voor meerdere thema’s — één set kleuren geldt voor de gehele workspace voor alle rollen.
  • Rolbeperking: Alleen Superbeheerders en Beheerders kunnen uiterlijkwijzigingen aanbrengen. Gewone teamleden en klanten kunnen geen kleuren aanpassen.
  • Terugzetten is permanent: De knop Standaardinstellingen herstellen kan niet ongedaan worden gemaakt, dus gebruik hem alleen wanneer u bewust alle aangepaste kleuren wilt verwijderen.