Huisstijl & merksysteem

Een logo dat groeit met YODA.

De huisstijl-refresh houdt de DNA van het oorspronkelijke logo — teal ring, koraal accent, geometrische sans — en maakt 'm geschikt voor een familie van sub-proposities: voor Scholen, voor Zorg, voor MKB. Hier ziet u drie richtingen, het kleursysteem, en de typografie.

01

Vanaf het origineel.

Het oorspronkelijke logo had karakter: een teal cirkel rond de O, twee pijlen die door YODA gaan, en een koraal "&" in het sub-label. Daar bouwen we op door.

Origineel YODA logo

Drie betekenissen, één merk.

Het oorspronkelijke logo zit zorgvuldig in elkaar. De twee teal driehoeken door 'YODA' zijn niet zomaar pijlen — het zijn Yoda's puntige oren, ze vormen samen een kompasnaald, en ze geven richting: van hier naar daar. De cirkel rond de O is het kompas-hart, het brandpunt waar de reis langs gaat. De koraal-& in het sub-label is de warme menselijke noot.

Wat verandert is niet het verhaal, maar de uitvoering. De naalden worden preciezer getekend (minder gedrongen, scherper aan de punten). Het woordmerk wordt geometrischer en strakker gekernd. De sub-label wordt modulair: HR & Recruitment blijft voor de moeder, en sub-proposities als voor Scholen passen er nu in zonder dat het logo verandert.
02

Drie richtingen, één gekozen.

Alle drie behouden de kompasnaalden en het ringhart — ze verschillen in hoe luid die symboliek spreekt. Van klassiek (zoals het origineel, alleen preciezer) tot een eigenstandig kompas-icoon dat ook als app-icoon werkt.

YODAHR&RECRUITMENT
Richting 1 · Het kompas behouden

Origineel, alleen preciezer.

De volle teal schijf blijft als kompas-hart, beide naalden blijven door 'YODA' steken. Letters zijn geometrischer, hoeken scherper. Voor wie het oorspronkelijke karakter het hardst wil bewaren.

YODAHR & RECRUITMENT
Richting 2 · Het kompas, lichter

Zelfde verhaal, meer lucht.

De naalden zijn slanker, het kompas-hart wordt een open ring (de O kan zelf ademen). De koraal-streep onder Y wordt een handtekening. Werkt schaalbaar van favicon tot reclamebord — daarom de productiekeuze.

YODAHR & RECRUITMENT
Richting 3 · Het kompas als avatar

Het kompas op zichzelf.

De ring met de twee oren/naalden wordt een eigenstandig icoon — werkt als app-icoon, favicon, of social-avatar zónder het woordmerk. De ronde vorm leest direct als 'Yoda-gezichtje', de naalden als kompas. Beide betekenissen blijven.

03

Sub-merken: één YODA, meerdere proposities.

"voor Scholen" is het eerste sub-merk. De pattern is bewust simpel: woordmerk, divider, sub-label. Latere proposities zoals "voor Zorg" of "voor MKB" passen er direct in.

De pattern
[woordmerk YODA]  |  voor {Propositie}

Het woord voor staat dunner; de propositie staat bold. De divider houdt de twee delen visueel apart, zodat het sub-merk verwisselbaar blijft zonder dat het hoofdmerk verandert.

YODA
voorScholen
YODA
voorZorg
YODA
voorMKB
YODA
HR & Recruitment

De grijze logo's tonen de toekomst — nu nog niet actief, maar de pattern ligt vast.

04

Kleursysteem.

Drie families: teal (merk), koraal (warm accent), ink (neutraal). Plus een honing-tint voor founding-partner-momenten en attentie.

Teal Merkkleur · uit het origineel

Teal 900#042E33
Klik om te kopiëren
Teal 800#034A52
Klik om te kopiëren
Teal 700 · Brand#056E7A
Klik om te kopiëren
Teal 600#0A8A98
Klik om te kopiëren
Teal 500#2BA8B5
Klik om te kopiëren
Teal 200#B7DEE2
Klik om te kopiëren
Teal 100#DFF0F2
Klik om te kopiëren
Teal 50#EEF7F8
Klik om te kopiëren

Koraal Warm accent · uit de "&"

Koraal 700#B26D4E
Klik om te kopiëren
Koraal 600 · Accent#C88868
Klik om te kopiëren
Koraal 500#D89A7A
Klik om te kopiëren
Koraal 200#F2DACA
Klik om te kopiëren
Koraal 100#FAEEE3
Klik om te kopiëren
Koraal 50#FDF7F1
Klik om te kopiëren

Honing Attentie · founding partner

Honing#F4D78A
Klik om te kopiëren
Honing Soft#FFF4D6
Klik om te kopiëren

Ink & paper Neutraal

Ink 900 · Body#1A2326
Klik om te kopiëren
Ink 700#2C3940
Klik om te kopiëren
Ink 500 · Muted#5A6A70
Klik om te kopiëren
Ink 400#8A989E
Klik om te kopiëren
Ink 200 · Line#D9E1E3
Klik om te kopiëren
Ink 100#ECF0F1
Klik om te kopiëren
Ink 50#F6F8F8
Klik om te kopiëren
Paper warm#FBF8F4
Klik om te kopiëren
Paper#FFFFFF
Klik om te kopiëren
05

Typografie.

Plus Jakarta Sans voor titels — geometrisch, warm, hedendaags. Inter voor lopende tekst — heel goed leesbaar op alle schermen.

Word zichtbaar.

Display H1
Plus Jakarta Sans · 800 · 56–60px
Letter-spacing
−0.035em
Line-height
1.05

Drie pijlers, één doel.

Display H2
Plus Jakarta Sans · 700 · 36–40px
Gebruik
Sectiekoppen

Zichtbaar als werkgever

Sub-heading H3
Plus Jakarta Sans · 600 · 22px
Gebruik
Card-titels, blok-koppen

Een eigen werken-bij site op uw eigen domein, met uw team, verhaal en sfeer. Geen sub-pagina van een vacaturebank, maar een eigen visitekaartje waar mensen herkennen waarom ze hier willen werken.

Body
Inter · 400 · 17px
Line-height
1.6
Color
Ink 700 — #2C3940
06

Toepassingen.

Het logo werkt op licht, donker, op de merkkleur zelf, en als compact icoon. De ring kan los — als favicon, app-icoon, of social-avatar.

YODA
Op paper · default
YODA
Op ink · dark mode
YODA
Op teal · merkkleur
Icoon · favicon & app
07

Ruimte & radii.

Een 8-punts schaal voor padding en margin. Afgeronde hoeken in vijf maten — van knoppen tot full-bleed kaarten.

Spacing schaal

4·xs
8·sm
12
16·md
24
32·lg
48
64·xl
96

Afgeronde hoeken

sm · 8px
knoppen
md · 12px
inputs
lg · 18px
cards
xl · 28px
hero
pill
CTA & chips