Met de Thema-editor geef je het intranet de uitstraling van je organisatie door kleuren, lettertypen en logo's aan te passen.
In dit artikel:
- Wat is de Thema-editor?
- Thema's beheren
- Een nieuw thema aanmaken
- Kleuren instellen
- Lettertype instellen
- Logo en favicon instellen
- Thema koppelen aan een portal
Wat is de Thema-editor?
Met de Thema-editor kun je de visuele huisstijl van je intranet volledig zelf inrichten. Je bepaalt kleuren, lettertypen, logo's en illustratiepakketten. Elk portal kan een eigen thema hebben, wat multi-label omgevingen mogelijk maakt.
De Thema-editor bereik je via: Portals > Thema Editor in de linker zijbalk.
Thema's beheren
In de Thema-editor zie je een overzicht van alle thema's in je omgeving. Standaard is er één standaardthema aanwezig. Je kunt meerdere thema's aanmaken voor:
- Verschillende afdelingen of organisatieonderdelen.
- Multi-label omgevingen (meerdere huisstijlen op één platform).
- Seizoens- of campagnethema's.
Een nieuw thema aanmaken
- Ga naar de Thema-editor.
- Klik op + Thema aanmaken.
- Geef het thema een naam.
- Pas de instellingen aan (zie onderstaande secties).
- Sla op. Het thema is direct beschikbaar om aan een portal te koppelen.
Kleuren instellen
De Thema-editor biedt een uitgebreide kleurenconfiguratie. De belangrijkste kleurinstellingen zijn:
| Kleur | Beschrijving |
|---|---|
| Primaire kleur | De hoofdkleur van de omgeving. Gebruikt voor knoppen, accentelementen, links en highlights. |
| Secundaire kleur | De ondersteunende kleur. Gebruikt voor hover-states en secundaire acties. |
| Achtergrondkleur | De achtergrond van de pagina. |
| Donker | De standaard kleur voor leestekst. |
| Licht | De achtergrondkleur van widgets. |
| Navigatiekleur | De kleur van het navigatiemenu. |
| Border | De kleur van de randen rondom widgets. |
Tip: Gebruik de kleurenkiezer of voer een exacte hex-code in voor merkkleurconsistentie. Embrace toont een live preview van je kleurwijzigingen.
Lettertype instellen
Je kunt het lettertype en tekststijlen voor het hele portaal instellen.
Logo en favicon instellen
Voeg het logo en favicon van je organisatie toe via de Thema-editor:
- Logo wordt gebruikt in e-mailnotificaties.
- Favicon het kleine icoontje in de browsertab.
Thema koppelen aan een portal
- Selecteer het portal in de Portal Builder.
- Ga via het menu met de drie puntjes naar Instellingen.
- Selecteer het gewenste thema.
- Sla op en publiceer.
Let op: Wijzigingen in een thema worden direct zichtbaar, ook zonder het portal opnieuw te publiceren. Dit is handig voor snelle huisstijlaanpassingen.
Maak Embrace passend bij de identiteit van je organisatie. Kies met een druk op de knop de juiste kleuren, logo's en lettertypen die aansluiten bij je huisstijl.
Welkom in de Thema-editor! Je vindt deze onder Portals. Hier pas je eenvoudig je huidige huisstijlthema aan, of maak je een nieuwe themavariant aan. Je kunt:
Logo aanpassen
Kleuren aanpassen (titels, sidebar, achtergrond, etc.)
Standaard styling van widgets aanpassen
Lettertypen beheren
Custom lettertypen toevoegen (samen met Embrace support)
Thema JSON bewerken (samen met Embrace support)
Normaal gesproken heb je tijdens de implementatie één thema ingesteld. Werk je in een groep van bedrijven of een organisatie met meerdere entiteiten? Dan is het ook mogelijk om meerdere thema's aan te maken, zodat iedereen op één platform werkt maar de visuele uitstraling verschilt per organisatieonderdeel. Kies een themanaam, omschrijving en logo.
Je thema is aangemaakt! Pas hier aan:
Logo: het organisatielogo dat in de header verschijnt
Favicon: het kleine pictogram dat de website identificeert in browsertabbladen, bladwijzers en zoekresultaten
Illustratiepakket: de set aan iconen en illustraties
Via het kwast-icoon pas je het volgende aan:
Kleuren: bepalen primair de identiteit van je platform — hoofdkleuren, signaalkleuren en ondersteunende kleuren
Suite: sidebarkleurenen achtergrond
Tekststijlen: hoe gedragen lettertypen zich? Denk aan lettergrootte en -dikte
Kies de juiste kleuren en maak het platform passend bij je huisstijl. Geef de verschillende elementen van Embrace een HEX-code. HEX-codes definiëren kleuren en bestaan uit 6 cijfers of letters. Je vindt ze in het huisstijlhandboek van je organisatie.
Pas hier het lettertype aan. Stel de font family, grootte en dikte in per tekstsoort: body, button, H1, H2, etc. Let op: wil je een custom lettertype toevoegen dat niet standaard in Embrace beschikbaar is, of heb je hulp nodig bij deze meer geavanceerde functionaliteit? Neem dan contact op met Embrace support.
In het derde overzicht pas je de standaard styling van widgets, schermen, rijen en gebieden aan. In de portalen-bouwer kun je ook de styling van individuele widgets aanpassen. Dit is geavanceerde functionaliteit — schroom niet om contact op te nemen met Embrace support als je er niet uitkomt.
Tot slot: custom JSON. Hiermee kun je onder andere de kleuren van knoppen en links aanpassen. Let op: pas dit alleen in overleg met Embrace support aan. Technische kennis is vereist.