Overslaan en naar hoofdcontent gaan
English (Europe)

Thema-editor: huisstijl instellen

Youri Dechesne
Bijgewerkt

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?

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

  1. Ga naar de Thema-editor.
  2. Klik op + Thema aanmaken.
  3. Geef het thema een naam.
  4. Pas de instellingen aan (zie onderstaande secties).
  5. 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

  1. Selecteer het portal in de Portal Builder.
  2. Ga via het menu met de drie puntjes naar Instellingen.
  3. Selecteer het gewenste thema.
  4. 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.

Geschreven tekst Thema-editor

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.

  1. 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)

  1. 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.

  2. 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

  1. 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

  1. 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.

  2. 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.

  3. 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.

  4. 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.