De zijbalk in je eigen kleur

Het menu links is het eerste wat je leden zien, op elke pagina. Je kunt het in je eigen kleur zetten via Instellingen, Branding, Zijbalk.

Je kiest uit drie standen, namelijk Donker, Wit of Aangepast. Bij Donker en Wit rekenen we de kleuren uit je brandkleur, zodat de tekst leesbaar blijft. Bij Aangepast bepaal je de kleur zelf.

De drie standen

Donker vult de balk met je brandkleur en maakt hem donker genoeg zodat witte tekst er goed op leest. Je kleur blijft herkenbaar, hij wordt alleen wat donkerder gemaakt zodat de letters er rustig op staan. Dit is de stand waarmee je omgeving begint.

Wit houdt de balk wit en brengt je kleur naar het menu zelf. Het item waar je op staat krijgt een zacht gekleurd vlak met je brandkleur als tekst. Dit is de rustigste van de drie, met de meeste witruimte.

Aangepast geeft je de kleur van de balk helemaal in eigen hand, los van je brandkleur. Handig als je een eigen tint uit je huisstijl voor het menu wilt.

Je ziet in de instellingen meteen hoe elke stand er met jouw kleur uitziet. Kiezen en opslaan, en het staat er.

Waarom Donker en Wit de kleuren voor je uitrekenen

Bij Donker en Wit geef je alleen je brandkleur op, en niet de losse kleuren voor de achtergrond, de tekst en het gemarkeerde item. Dat is een bewuste keuze.

Als de tekst wegvalt tegen de achtergrond, kun je een menu niet meer lezen. Dat is geen kwestie van smaak, en je kunt het vanaf jouw kant ook niet repareren. Daarom rekenen wij die kleuren voor je uit, zodat elke combinatie leesbaar blijft. Ook bij felle kleuren, waar dat niet vanzelf goed gaat.

Een voorbeeld. Bij een fel goudgeel is witte tekst onleesbaar, terwijl je bij een donkerblauw juist wit nodig hebt. Wij zoeken per kleur uit hoe donker of licht die moet worden om leesbaar te blijven, en houden daarbij zoveel mogelijk van je kleur overeind.

Aangepast, je eigen kleur

Kies je Aangepast, dan bepaal je de kleur van de balk zelf. Je begint op een donkere balk met witte tekst en past de kleur aan met de kleurkiezer, met de vakjes met kleuren (je brandkleur staat vooraan) of met een eigen kleurcode. Je knoppen en links houden ondertussen je brandkleur. Zo kun je bijvoorbeeld een zachte tint uit je huisstijl voor het menu gebruiken, terwijl je knoppen je felle hoofdkleur houden.

Het verloop staat standaard aan. Aan betekent dat de balk naar onderen iets donkerder of lichter uitloopt, wat hem wat diepte geeft. Je kunt het uitzetten voor een egale kleur.

De tekst staat op wit of zwart. Bij elke nieuwe kleur die je kiest, zetten wij de tekst meteen op wat het best leest. Wil je liever de andere, dan zet je hem om. Kies je de kleur die slecht leest, dan staat er een melding onder, bijvoorbeeld “Witte tekst valt weg op deze lichte kleur. Zwarte tekst leest hier beter.” Met onze keuze leest elke kleur goed.

Je logo op een lichte balk

De meeste logo’s zijn gemaakt voor een donkere achtergrond en zijn dus wit of heel licht. Op de witte balk, en bij Aangepast met zwarte tekst, valt zo’n logo weg.

Kies je zo’n combinatie en hebben we geen donkere versie van je logo, dan zeggen we dat erbij. Je uploadt die versie in hetzelfde scherm onder Login pagina, door op het logo in het voorbeeld te klikken. Die versie gebruiken we dan ook in de zijbalk, en op je inlogpagina.

Donkere modus

Kiezen je leden voor de donkere modus, dan beweegt de rest van je omgeving mee met je kleur. De achtergronden worden niet standaard grijsblauw maar krijgen een lichte zweem van jouw tint, zodat het geheel bij je merk blijft horen.

De witte stand wordt in de donkere modus vanzelf donker, want een witte kolom naast een donkere pagina leest niet prettig. Aangepast met zwarte tekst wordt dan een donkere balk in dezelfde tint als je gekozen kleur. Aangepast met witte tekst blijft zoals je hem koos, die past al bij een donkere omgeving.

Wat er verandert voor je leden

Niets waar ze iets voor hoeven te doen. De volgende keer dat ze inloggen staat het menu in je kleur. Je kunt op elk moment een andere stand kiezen; het is een instelling, geen verhuizing.