Wat deze identiteit doet

De huidige site is puur blauw — net als elk ander consultancybureau in de markt. Door één warme accentkleur toe te voegen en de typografie tot één familie te beperken, ontstaat er een toon die past bij Essevo: gezaghebbend, maar naast je in plaats van tegenover je.

Palet

Zes kernkleuren plus afgeleide tinten voor disabled-states, dividers en subtiele achtergronden. Houd het beperkt: te veel tinten verwateren de identiteit.

Kern

Afgeleide tinten

Alleen functioneel inzetten — voor hover, disabled, dividers, of subtiele backgrounds. Niet als zelfstandig palet voor secties.

Wel / niet

Contrast (WCAG AA)

Body-tekst en interactieve elementen moeten minimaal 4.5:1 halen; grote koppen (≥24px bold) mogen 3:1.

Belangrijk: wit op koraal (#E8764B) haalt geen 4.5:1 voor body-tekst. Gebruik die combinatie alleen voor knoppen met font-weight: 500, minimaal 15px, of voor grote display-tekst (≥24px bold).

Eén familie, hele schaal

DM Sans voor zowel koppen als body. Eén familie houdt het clean en consistent — geen secondary face nodig. Gewichten: 400 (body), 500 (accenten, knoppen, labels), 600 (subkoppen), 700 (hoofdkoppen). Geen italic in koppen.

Schaal — desktop (≥ 992px)

Responsief gedrag

Op mobile (< 768px) verkleinen koppen met circa 25–35%. Body blijft op 16–17px om leesbaarheid te behouden. Op tablet (768–991px) zit het tussenin.

Snippet — Elementor Custom CSS

/* DM Sans wordt lokaal gehost; geen Google Fonts in productie (AVG). */
:root {
  --ff-sans: "DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body { font-family: var(--ff-sans); font-size: 17px; line-height: 1.6; color: #1F2937; }
h1 { font-size: clamp(36px, 4.5vw, 56px); line-height: 1.08; font-weight: 700; letter-spacing: -0.025em; }
h2 { font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; font-weight: 700; letter-spacing: -0.02em; }
h3 { font-size: clamp(22px, 2.5vw, 28px); line-height: 1.2;  font-weight: 700; letter-spacing: -0.015em; }
h4 { font-size: clamp(18px, 1.6vw, 20px); line-height: 1.35; font-weight: 600; }

4-pixel baseline

Alle ruimte op de site komt uit één schaal van veelvouden van 4. Geen losse waardes, geen 13px, geen 27px. Dit is wat Elementor's margin/padding-velden krijgen, telkens.

Bouwstenen

Elke component hieronder bevat een visuele weergave, alle states, en de CSS-eigenschappen waar het op landt. Component-CSS hoort in één Theme custom CSS-bestand in Blocksy; de selectoren mappen op Elementor's class-namen waar mogelijk.

Knoppen

Vier varianten. Per scherm één oranje CTA — die wijst naar het belangrijkste vervolggesprek. Primaire blauw is voor alle andere kernacties.

.btn { font-family: var(--ff-sans); font-weight: 500; font-size: 15px;
       padding: 14px 22px; border-radius: 8px; line-height: 1;
       transition: background-color 120ms ease; }
.btn-primary    { background: #2563A8; color: #fff; }
.btn-primary:hover { background: #1F4F8E; }
.btn-cta        { background: #E8764B; color: #fff; }
.btn-cta:hover  { background: #CC5F37; }
.btn-outline    { background: transparent; color: #2563A8;
                   border: 1px solid #2563A8; }
.btn:focus-visible { outline: 3px solid #2563A8; outline-offset: 2px; }

Formulier-elementen

Cards

Vier kaartvarianten dekken de hele site: dienst, case, testimonial, profiel. Allemaal radius 12px, 1px border in #E7E1DC, schaduw alleen op hover.

Navigatie

Top-nav is sticky op desktop met witte achtergrond en 1px bodem-border in #E7E1DC. Op mobile collapsed in een hamburger-menu (Elementor's Nav Menu widget volstaat).

Plan een kennismaking

Sticky-gedrag: tot 80px scroll geeft de nav een lichte box-shadow: 0 2px 8px rgba(26,58,92,0.08). Active-link is marine-tekst met 2px oranje onderlijn.

Zeven sectie-typen

De hele site is met deze zeven sectiepatronen opgebouwd. Elke pagina is een combinatie hiervan. Gebruik niet meer dan vier per pagina — anders raakt het ritme zoek.

Richtlijnen voor de mei-shoot

Medio mei 2026 vindt de fotoshoot voor Essevo plaats. Deze richtlijnen zijn de briefing voor de fotograaf en de toetssteen voor latere stockbeelden. Eén consistente beeldtaal: warm, natuurlijk licht, geen pakken-en-stropdassen.

Settings

Styling & licht

Aspect-ratio's & bewerking

Overlays: geen gekleurde duotone-overlays. Wel toegestaan: een licht linear-gradient(180deg, transparent 60%, rgba(26,58,92,0.4) 100%) aan de onderkant van een hero-beeld waar tekst overheen moet.

Eén logo, twee oppervlakken

Het bestaande logo blijft ongewijzigd. Documentatie hieronder gaat over plaatsing, vrije ruimte en wat juist niet te doen — niet over een herontwerp.

Het logo bestaat uit twee delen: het woordmerk — “essevo” in eigen letterzetting, kleine letters, zwart — en het beeldmerk, een druppelvormig icoon met drie cirkels in blauwtinten. De combinatie is de standaardlockup; uitsluitend in zeer kleine formaten (favicons, app-icoon) staat het beeldmerk los.

Op licht en donker

Vrije ruimte & minimumformaat

VRIJE RUIMTEx = hoogte beeldmerk

Hou aan alle zijden minimaal x vrije ruimte — waarbij x gelijk is aan de hoogte van het beeldmerk. Geen tekst, beelden of randen binnen deze zone.

MINIMUMFORMAATleesbaarheid

24px · digitaal min.

40px · standaard nav

64px · hero/print

Digitaal: 24px hoog minimum. Print: 80px breed minimum. Onder deze formaten wordt het beeldmerk onleesbaar.

Niet doen

✕

Niet vervormen of disproportioneel schalen.

✕

Niet recoloren — woordmerk blijft zwart, beeldmerk in eigen blauw.

✕

Niet op rumoerige beelden of kleurverlopen plaatsen.

✕

Geen primaire (zwarte) versie op donkere achtergrond — gebruik de mono-witte.

✕

| HR-advies

Geen tagline of tekst direct tegen het logo plakken.

✕

Geen drop-shadow, glow of andere effecten op het logo.

Senior, persoonlijk, helder

Geen volledige copywriting-guide — wel de minimale richtlijnen die de visuele identiteit ondersteunen.

Goed en niet-goed — voorbeelden

Twaalf regels

Concreet, met visuele referentie naar de rest van deze gids.

Drie pagina's in context

Homepage, dienstenpagina (Richten) en Over Ons. Componenten uit sectie 05 in compositie, met de copy-toon uit sectie 10. Bedoeld als visuele referentie voor de Elementor-build — niet als finale copy.

A · Homepage

essevo.nl

Plan een kennismaking

HR-Advies voor middelgrote organisaties

Geen enkel talent onbenut.

Seniore sparringpartners voor directies en HR-leiders. We helpen je richten, inrichten en verrichten — zodat de organisatie meebeweegt met wat ze nodig heeft.

Plan een kennismaking Bekijk onze aanpak

Onze aanpak

Richten, inrichten, verrichten.

R

Richten

Strategie helder maken. Wat is de bedoeling, en welke keuzes vragen om besluit?

Lees meer

I

Inrichten

De organisatie slim opzetten rond talent. Rollen, structuur, en HR-processen die dienend zijn.

Lees meer

V

Verrichten

Leiderschap versterken zodat strategie ook in beweging blijft — coaching, programma's, sparring.

Lees meer

Essevo dwong ons om eerst de bedoeling van HR opnieuw te formuleren. Pas toen werd duidelijk welke rollen we écht nodig hadden.

Karin de Vries

Directeur HR, middelgrote zorgorganisatie

Cases

Wat we doen, doen we met twee.

Geen anonieme consultancy-machine, geen tussenlaag van junioren. Arjan en Léon zijn je gesprekspartners — van eerste kennismaking tot eindrapport.

Bekijk alle cases

Klaar om je talentstrategie te herijken?

Een eerste gesprek is wat ons betreft het beste begin. 30 minuten, online, geen verplichtingen — wel een eerlijk beeld of wij kunnen helpen.

Plan een kennismaking

HR-consultancy uit Hilversum. Senior advies voor middelgrote organisaties die talent serieus nemen.

Aanpak

RichtenInrichtenVerrichten

Bureau

Over onsCasesBlog

Contact

Hilversumhallo@essevo.nl+31 35 …

© 2026 EssevoPrivacy · Algemene voorwaarden

B · Dienstenpagina — Richten

essevo.nl/diensten/richten

Plan een kennismaking

01 · Richten

Eerst de richting. Pas dan de stappen.

Voor directies die merken dat de huidige HR-aanpak niet meer past bij waar de organisatie heen wil. We helpen je opnieuw formuleren: wat is de bedoeling van HR, welke keuzes liggen voor, en hoe maak je ze concreet.

Plan een kennismaking

Onze aanpak

Vier sessies. Helder uitkomst.

1. Intake & scope — Met directie en HR-leiders. Wat speelt er, en wat wordt het werkbare format?
2. Diagnose — Documenten lezen, sleutelmensen spreken, patronen blootleggen. Eén dag analyse, vier dagen interviews.
3. Werksessie — Met het kernteam. We zetten de keuzes op tafel — strategisch, niet abstract.
4. Eindrapport & routekaart — Vijftien pagina's, geen pdf van 80. Wat te doen, in welke volgorde, met welke verantwoordelijke.

Case · Zorg · 2025

Van vacaturedruk naar interne mobiliteit

Een zorgorganisatie van 1.200 medewerkers liep vast op werving. Na vier sessies Richten was de kernvraag verschoven: niet meer mensen, andere bewegingen tussen rollen.

Resultaat

12 weken van vraag naar besluit.

Korte trajecten, met de juiste mensen om tafel. Geen jarenlange transformatieprogramma's — daar gaan andere bureaus over.

Bekijk de volledige case

Speelt de richting bij jou?

Plan een kennismaking — dertig minuten, online, zonder verplichting. We luisteren en geven een eerlijk beeld of wij kunnen helpen.

Plan een kennismaking

C · Over Ons

essevo.nl/over-ons

Plan een kennismaking

Bureau

Twee partners. Geen tussenlaag.

Essevo is opgericht door Arjan de Grijs en Léon. Gezamenlijk 50 jaar ervaring met talent- en strategievraagstukken bij middelgrote organisaties. Wat we doen, doen we zelf — geen jonge consultant die jouw vraagstuk leert op jouw kosten.

Arjan de Grijs

Partner · oprichter

Werkte 25 jaar in en rondom HR-leiderschapsteams van middelgrote organisaties. Combineert strategie met een gevoel voor wat er feitelijk werkt op een maandagochtend.

Léon

Partner

Specialist in leiderschapsontwikkeling en talentmobiliteit. Eerder programma-eigenaar bij twee grote zorgorganisaties; sinds 2019 zelfstandig adviseur.

Waarden

Drie principes die we niet inruilen.

01

Naast je, niet tegenover je.

We schrijven geen rapport van buitenaf. We zitten aan tafel, en blijven daar tot het besluit valt.

02

Korter waar het kan.

15 pagina's eindrapport, niet 80. 4 sessies, niet 14. Dichtheid boven volume.

03

Eerlijk over wat we niet doen.

Past de vraag niet bij ons, dan zeggen we dat. We verwijzen liever door dan iets uit te voeren wat niet onze sterkte is.

Eens kennismaken?

Dertig minuten, online of bij ons in Hilversum. We luisteren naar wat er speelt en geven een eerlijk beeld.

Plan een kennismaking

Checklist voor de Elementor-build

Per onderdeel staat aangegeven waar het landt: in Elementor's globale instellingen, in de Blocksy theme-opties, of in custom CSS (Theme → Custom CSS).

• DM Sans lokaal hosten — google-fonts-helper download, in /wp-content/themes/blocksy-child/fonts/, geladen via @font-face. Geen Google Fonts CDN (AVG).Theme functions + CSS
• Globale kleuren registreren — Primary #2563A8, Secondary #E8764B, Text #1F2937, Accent #1A3A5C.Elementor → Site Settings → Global Colors
• Globale typografie registreren — Primary & Secondary beide DM Sans. H1–H4 met de waarden uit sectie 03.Elementor → Site Settings → Global Fonts
• Knop-defaults zetten — radius 8px, padding 14/22, weight 500. Primary blauw, hover blauw-700.Elementor → Site Settings → Buttons
• Container breedte — max-width 1200px, side-padding responsief (20/32/48).Elementor → Site Settings → Layout
• CTA-knopvariant toevoegen — Oranje (#E8764B) is een Elementor-knopstijl bovenop de default. Class .btn-cta in custom CSS.Theme Custom CSS
• Card-styling — radius 12px, border #E7E1DC, hover-shadow. Niet via Elementor maar globaal in custom CSS, want anders herhaal je het in elke widget.Theme Custom CSS
• Header-template — Sticky topnav met Blocksy's header builder. Active-link via custom CSS (.current-menu-item).Blocksy → Header Builder
• Footer-template — Vier-koloms layout, marine-bg, witte tekst. Blocksy footer builder.Blocksy → Footer Builder
• Form-styling — Elementor Form widget krijgt CSS-overrides voor inputs, labels, focus-ring.Theme Custom CSS
• Icon-set — Tabler Icons (outline) via SVG-uploads of het Tabler-Icons-plugin. Stroke 1.5px standaard.Elementor → Icon Library
• Section-templates opslaan — Sla per sectietype (hero, dienst-drieslag, testimonial, CTA-strook, contactblok) één Elementor Template op. Hergebruik per pagina.Elementor → Templates → Saved Sections
• Beeld-radii — Globale Image-widget defaults: radius 12px, image-render crisp-edges uit.Elementor → Site Settings → Images
• Focus-state CSS — Wereldwijde :focus-visible regel voor knoppen en links (3px blauw, offset 2px). Verplicht voor toegankelijkheid.Theme Custom CSS
• Privacy / AVG — Geen externe font-loads, geen embedded YouTube zonder consent, cookie-banner via Complianz of Cookiebot.Plugin-instellingen

Volgorde van werken

1. Begin met de tokens — kleuren, fonts, knoppen, container. Dat is de fundering.
2. Bouw de Header en Footer in Blocksy — ze zitten op elke pagina.
3. Maak de zeven sectie-templates één keer. Voor elk template: zet 'm op een testpagina, controleer responsief gedrag, sla op.
4. Bouw de Homepage door templates te combineren. Daarna Dienstenpagina (×3 — één per Richten/Inrichten/Verrichten), Over Ons, Cases-overzicht, Case-detail, Contact, Blog-overzicht, Blog-detail.
5. Pas in laatste fase de echte foto's in (na de mei-shoot). Stockbeelden in tussentijd alleen als ze aan de richtlijnen uit sectie 08 voldoen.