Je logo's, favicon en brandkleur instellen

Je omgeving in je eigen huisstijl zetten is een kwestie van vier uploads en een kleur. Het enige lastige is dat er drie logo’s zijn die er hetzelfde uitzien maar een ander doel hebben, en dat één ervan stilletjes misgaat.

Je vindt alles via Instellingen, Branding.

Drie logo’s, drie doelen

Het header-logo staat in de zijbalk bij je leden. Breed formaat, minstens 400 pixels breed, bij voorkeur een PNG met transparante achtergrond. PNG, JPG, SVG en WebP mogen allemaal.

Het e-maillogo staat boven je mails. Hier mag geen SVG. Memly weigert dat ook actief, met de melding dat het PNG, JPG of WebP moet zijn. Aanbevolen breedte is 600 pixels.

Het logo voor lichte achtergronden staat niet bij Branding maar op de kaart Login pagina: klik in de voorvertoning op het logo. Dit is de donkere versie van je logo, en die wordt op drie plekken gebruikt: je inlogpagina, je zijbalk als die op licht of wit staat, en als tweede keus in je mails.

De valkuil die je mails kaal maakt

Dit is het enige echte struikelblok.

Je mails kiezen hun logo in deze volgorde: eerst het e-maillogo, anders het logo voor lichte achtergronden, anders het header-logo. Maar alles wat een SVG is wordt overgeslagen, want e-mailprogramma’s als Gmail en Outlook tonen die niet.

Heb je alleen een SVG geüpload, dan blijft er niets over. Je mails zetten dan de naam van je platform als tekst boven de mail. Daar komt geen foutmelding bij. Je merkt het pas als je je eigen bevestigingsmail ziet en denkt dat er iets stuk is.

Upload dus altijd minstens één PNG of JPG bij het e-maillogo, ook als je verder overal SVG gebruikt.

Twee dingen die mensen verrassen

Je ziet je eigen logo niet. Als beheerder blijf je het Memly-logo in de zijbalk zien; het jouwe verschijnt alleen bij je leden. Wil je controleren of het goed staat, log dan uit of gebruik Bekijk als lid bij een van je leden.

Een wit logo verdwijnt op een lichte zijbalk. Zet je de zijbalk op licht of wit terwijl je alleen een wit logo hebt, dan valt het weg. Memly waarschuwt daar zelf voor. Los het op door bij de loginpagina een donkere versie te uploaden; die wordt automatisch ook in de zijbalk gebruikt.

Zie De zijbalk in je eigen kleur voor die standen.

Het favicon

512 bij 512 pixels, vierkant. Anders dan bij de logo’s opent Memly hier een bijsnijdvenster waarin je zelf het vierkant kiest, en het resultaat wordt als PNG weggeschreven.

Gebruik hier je beeldmerk en niet je volledige logo. Een breed logo verliest bij het bijsnijden zijn zijkanten, en wat overblijft is meestal onherkenbaar.

Hoe dat bijsnijdvenster werkt, en wat elke andere plek in Memly aan verhouding vraagt, staat in Afbeeldingen bijsnijden.

Het favicon verschijnt in het tabblad van je betaalpagina’s en als compacte merkmarkering in de ingeklapte zijbalk en het mobiele menu. Heb je er geen, dan staat daar de eerste letter van je platformnaam.

Je brandkleur

Eén kleurkiezer, en die kleur wordt toegepast op knoppen, links en accenten door je hele omgeving. De standaard is bijna zwart.

Uit die ene kleur rekent Memly de rest uit: de tinten van je zijbalk, de accenten in de donkere modus, en de kleuren van de afteltimer op je betaalpagina. Dat is de reden dat je maar één kleur hoeft op te geven en niet een heel palet: de leesbaarheid wordt voor je bewaakt.

Even nalopen als je klaar bent

1. Log uit en bekijk je inlogpagina. Staat het logo er, en is het leesbaar op wit?
2. Doe een testbestelling en kijk naar de bevestigingsmail. Staat je logo er, of je platformnaam als tekst?
3. Open een betaalpagina en kijk naar het browsertabblad. Staat je favicon er?

Die drie dekken precies de drie logo’s af.

Verder lezen

• Afbeeldingen bijsnijden, en waarom er soms toch iets wegvalt
• De zijbalk in je eigen kleur
• Je eigen domein koppelen