Merk & huisstijl
Alles in deze huisstijl komt voort uit het logo: de figuur die een hart vasthoudt, het diepe marineblauw en het ene warme rood. Warm, direct en betrouwbaar — nooit klinisch, nooit gladjes.
Het idee
Het merk staat voor de match: de juiste professional bij het juiste team, met afspraken die standhouden. Het logo vat dat samen — een mens die zorg letterlijk vasthoudt.
Drie principes sturen elke uiting: eerlijk over geld, de mens vóór de vacature en continuïteit boven volume.
Logo
Het logo bestaat uit het merkteken (figuur met hart) en het woordmerk in twee regels. Gebruik ze samen; alleen het merkteken mag als losstaand icoon.
Respectzone
Houd rondom minimaal de hoogte van het hart vrij. Minimale weergave: woordmerk 120 px breed, merkteken 24 px.
Wel
- Voorkeur: het logo in originele kleuren op wit, papier of lichtblauw (ook in de footer).
- Wit logo alleen als uitzondering: op marineblauw of op een donkere foto met overlay.
- Het hart blijft altijd rood — ook in de witte versie.
Niet
- Niet verdraaien, uitrekken, herkleuren of van schaduw voorzien.
- Geen andere woordmerken of oude naamvarianten toevoegen.
- Niet op een drukke foto zonder overlay plaatsen.
Kleur
Marineblauw draagt grote vlakken. Rood is het accent — het “hartslag”-signaal voor acties en nadruk, spaarzaam gebruikt. Papierwit is de rustige onderlaag.
Kern
#17396B
--navy
Primair. Banden, koppen, footer.
#0E2545
--navy-ink
Contrast, donkere secties.
#E12329
--red-mark
Alleen het hart in het logo en de hartglyph.
#C41C23
--red
Knoppen, rode tekst en Nieuw-label. AA-contrast. Max ~10% vlak.
#F8F6F1
--paper
Pagina-achtergrond.
Steun & functioneel
#E9F0FA
--sky
Afwisselende secties.
#182233
--ink
Koppen op licht.
#414D63
--body
Lopende tekst. 8:1 op papier.
#616C7D
--muted
Bijschriften. ≥ 4.5:1.
#E5DFD0
--hairline
Randen, scheidingslijnen.
#2E7D57
--verified
BIG/VOG-bevestiging, vinkjes.
#2B5AA0
--focus
Links & toetsenbordfocus.
Typografie
Bricolage Grotesque voor koppen — warm, eigentijds, zelfverzekerd. Inter voor alles wat je leest en invult.
Bricolage Grotesque · Display · 700
Betere zorg begint bij een betere match
Bricolage Grotesque · Kop 2 · 700
Twee voordeuren, één standaard
Inter · Lead · 400
Wij koppelen zorgprofessionals aan teams die bij ze passen. Eén vaste contactpersoon, eerlijke afspraken over salaris en rooster.
Inter · Body · 400 · regelmaat 1.65 · 65–75 tekens breed
De meeste bemiddeling begint bij een vacature en een cv. Wij beginnen bij een mens en een team. Dat kost aan de voorkant iets meer tijd en levert aan de achterkant plaatsingen op die blijven staan.
Schaal
Home-kop 2.25–3.5rem · Paginakop 2–2.75rem · Sectiekop 1.625–2.125rem · Kaarttitel 1.25rem · Lead 1.0625–1.1875rem · Body 1.0625rem · Klein 0.9375rem · Bijschrift 0.8125rem. Eén bron: tokens in globals.css, geen losse maten.
Kicker
Eén benoemde kicker met hartglyph, spaarzaam. Niet boven elke sectie — koppen dragen de hiërarchie.
Hartmotief
Het hart uit het logo keert terug als klein signaal: de kicker-glyph, een opsommingsteken, en de “hartslag”-lijn in beeldvlakken.
Kicker met hartglyph
Opsommingsteken
Toon
Wel
- Je-vorm. Kort. Nederlands op B1-niveau waar het kan.
- Concreet over geld, rooster en eisen. Noem het bedrag.
- Professionals als vakgenoten, zorgorganisaties als partners.
Niet
- Geen “marktconform salaris” of “dynamische omgeving”.
- Geen uitroeptekens, geen droombaan-taal.
- Geen loze cijfers of claims zonder bron.
UI-bouwstenen
Knoppen
Eén vorm: pill, 48 px (klein 40 px), zelfde lettertype en gewicht. Rood vol = dé actie op een scherm. Outline rood alleen voor “Bekijk vacature”. Outline licht alleen op marineblauw. Gewone tekstlinks blijven inline.
Labels
Labels zijn plat en rechthoekiger (6 px) dan knoppen, zonder rand, zodat ze nooit klikbaar lijken. “Nieuw” (rood) staat de eerste twee weken bij een vacature.
Kaart
Kaarttitel
Afgeronde hoeken (14–26 px), 1 px hairline, zachte marine-getinte schaduw. Geen geneste kaarten.
Radii & schaduw
--r-sm 10 · --r 14 · --r-lg 22 · pill 999. Schaduw met offset én blur, nooit een kleurhalo zonder offset.
Beweging
Eén rustige entree: secties komen omhoog met lichte blur, 0.7 s ease-out. Hover licht knoppen en kaarten 2–4 px op. Respecteert prefers-reduced-motion.
Beeld
Documentaire, warme fotografie van echte zorgsituaties — natuurlijk licht, geen geposeerde stockglimlach. Tot er foto's zijn, gebruiken we het gebrande beeldvlak hieronder.
data-photo-slot plus een omschrijving van wat er hoort te staan.Zie de huisstijl in gebruik
De homepage past alle regels hierboven toe.