Merkdocumentatie · gemeten, niet geraden

Zes merken,
één groep.

Alle fonts, kleuren, typografieschalen en beeldstijlen van Blijk Groep en haar vijf merken — afgelezen van de live sites, klaar om in een ontwerp te gebruiken.

Bron live scrape van 6 domeinen Datum 2 september 2026 Assets 95 bestanden Methode computed styles · CSS-variabelen · SVG-logokleuren

De groep

Visie: Boeien en verbinden van mensen
Payoff: Vertrouwen, aandacht en waardering staan bovenaan
Kernwaarden: De mens voorop · Creatief · Duurzaam
Tone of voice: Professioneel maar warm. Strategische businesstaal naast menselijke waarden; eerlijk en open.
Omvang: Holding met ~70 medewerkers. Strategie, kennis en IT centraal; elk merk houdt een eigen identiteit.
Wat ze verkopen: Waardering — niet spullen. Warmte, mensen en tastbaarheid horen in het ontwerp.

Zes sites, vijf typografiesystemen, drie platforms — en geen gedeeld designsysteem.

Het enige typografische raakvlak in de hele groep is Montserrat, gedeeld door Promo.nl en Brandwijk. Het enige kleurraakvlak is de neiging naar een warm oranje-rood accent, bij vier van de zes merken. Voor een nieuw ontwerp is dat vooral ruimte.

#ff5f21Blijk Groep

#f70000Promo.nl

#555149Stegman

#ee7219By Acte

#003a80Brandwijk

#4e3becDe blijkbon

Blijk Groep

blijkgroep.nl

De holding. Corporate site: waarden, merkenoverzicht, werken bij.

WordPressYOOtheme ProCorporate

Typografie

Boeien en verbinden

Questrial draagt de hele site — body, lopende tekst én koppen. Gilroy komt alleen terug in het logo en enkele display-koppen.

Display hierboven gezet in Jost (vrije Gilroy-stand-in). Tekst in Questrial — het echte font.

Rol	Font	Grootte	Gewicht
Body / UI	Questrial	14 / 21	400
Lopende tekst	Questrial	21 / 31.5	400
H1	Questrial	28 / 33.6	600
H2	Questrial	23.8 / 30.9	600
Display	Gilroy Light–Black	variabel	300–900

Licentie

Questrial is gratis via Google Fonts. Gilroy is commercieel (Radomir Tinkov) — vervang door Poppins, Jost of Inter Tight als de licentie niet meekomt.

Palet

#222221

ink · logo

#ff5f21

accent

#427df6

links · H1

#121961

diepblauw

#edf6f8

sectie-bg

#f0f0f0

grijs vlak

#939393

muted

#ffffff

base

Uitgeknipte portretfotografie op wit met een warme oranje-gele randlichtgloed, en daaroverheen de formule “Waarderen is …” met het laatste woord in oranje. Zeven varianten, één per waarde.

Assets corp/ — logo SVG (donker + wit met payoff), oranje favicon, 7 waardebeelden, merklogo's van alle dochters

Promo.nl

promo.nl

Promotieartikelen en relatiegeschenken. De volumewebshop van de groep.

WordPressAstraElementorWooCommerce

Typografie

Promotie die blijft plakken

Montserrat doet alles: koppen op 700, lopende tekst op 400. Roboto en Roboto Slab worden ook geladen — Astra-defaults die nergens zichtbaar zijn.

Gezet in het echte font. Montserrat is gratis via Google Fonts.

Rol	Font	Grootte	Gewicht
Body	Montserrat	13.68 / 25.4	400
H1	Montserrat	31 / 43.4	700
H2	Montserrat	26 / 33.8	700
H3	Montserrat	20 / 26	700

Twee dingen om te repareren in elke nieuwe mock

De bodytekst staat op 13,68px. Dat is onder elke leesbaarheidsnorm — zet hem op 16 à 17px.

#f70000 op wit haalt ongeveer 4,0:1 en zakt daarmee door WCAG AA voor tekst. Gebruik #d10000 (≈5,3:1) voor links en tekst, en houd het felle rood voor vlakken en accenten.

Palet

#f70000

primary

#d10000

AA-variant

#011627

donker vlak

#292929

donker alt

#3a3a3a

koppen

#545454

tekst

#f9f9f9

sectie-bg

#ffffff

base

Beeldmateriaal bewust niet gedownload — op jouw instructie. Beeldstijl ter referentie: packshots op wit, dicht productgrid, rode accentbalken. Het logo hiernaast komt van de groepssite.

Assets promonl/ — je eigen logo, og-beeld en site-screenshot · corp/logo/Logo_promo-be8e556b.jpeg

Stegman

stegman.nl

Kerstpakketten en keuzeconcepten. Al 25+ jaar de specialist van de groep.

WordPressEigen themeGeen webfont

Typografie

Stegman weet wat mensen waarderen

Als enige merk van de groep laadt Stegman geen enkel webfont. Alles draait op de systeemstack. Snel — maar het merk heeft daardoor geen eigen typografische stem.

Stack: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif

Rol	Font	Grootte	Gewicht
Body	systeemstack	16 / 25.6	400
H1	systeemstack	28.8 / 34.6	700
H2	systeemstack	25.6 / 30.8	700
H3	systeemstack	22.8 / 27.3	700

Het enige echte tokensysteem in de groep

Stegman werkt met een schaal van vier achtergrondtinten plus tekst- en accentkleur, als CSS-variabelen. Elk contentblok kan die schaal overschrijven met een seizoenspalet — navy, groen, goud, olijf, bordeaux — zonder dat de structuur verandert. Dat patroon is het overnemen waard.

Palet — basisschaal

#fefaf1

bg-25

#e8e6d9

bg-50

#a9998e

bg-75

#555149

bg-100 · tekst

#ea3441

accent

#565049

logo

Seizoensaccenten

#162d57

navy

#163d0f

groen

#d3b76d

goud

#624a00

olijf

#490514

bordeaux

#fea858

amber

#fee451

geel

#e4ddef

lila

#cbd889

lichtgroen

Warme seizoensfotografie, brochurecovers en showroombeeld. Kleurstalen doen dienst als navigatie.

Assets stegman/ — logo SVG (#565049, beeldmerk is een boog, ook favicon), favicon-set, 15 sfeer- en brochurebeelden

By Acte

byacte.nl

Persoonlijke geschenkconcepten. Het meest premium en creatief gepositioneerde merk.

WixDisplay-serifRijkste typografie

Typografie

Persoonlijk, tot in het detail

Een display-serif boven een geometrische sans. H1 en H2 in Silence Rocken op 48 en 41px, H3 in Gelica, lopende tekst in Gotham Medium op 15px.

Display hierboven gezet in Playfair Display en tekst in Jost — vrije stand-ins. De site laadt daarnaast Bodoni Moda, Raleway, Avenir, Didot Italic, DIN Next, Adobe Caslon en Amiri.

Rol	Font	Grootte	Gewicht
H1	Silence Rocken	48	400
H2	Silence Rocken	41 / 45.1	400
H3	Gelica Regular	45 / 63	700
Body	Gotham Medium	15 / 21	400

Alles zit achter een licentie

Silence Rocken en Gelica zijn Wix-fonts, Gotham is commercieel. Wil je dit gevoel vrij benaderen: Playfair Display of Bodoni Moda voor display — beide staan al in de site — en Montserrat of Jost in plaats van Gotham.

Palet

#ee7219

accent · CTA

#363636

koppen

#324d72

tekst

#2b5672

navy

#0a5854

teal donker

#447f74

teal

#75aaa0

teal licht

#dac6e2

lila vlak

#ebcac1

blush vlak

#f9f6f4

warm wit

Geënsceneerde lifestylefotografie, veel wit, zachte pastelvlakken in lila en blush, plus een eigen icoonset.

Assets acte/ — wordmark + beeldmerk PNG, favicon, 18 fotografie- en icoonbestanden

Brandwijk

brandwijkthemapakketten.nl

Duurzame kerst- en themapakketten. Het meest zakelijke merk van de groep.

WebshopBootstrapMontserrat

Typografie

Duurzame themapakketten

Montserrat 700 voor alle koppen, systeemstack voor lopende tekst, Avenir als accentfont. De koppenkeuze is het enige typografische raakvlak met Promo.nl.

Koppen gezet in het echte font. Body-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif

Rol	Font	Grootte	Gewicht
H1	Montserrat	28 / 35	700
H2	Montserrat	24 / 30	700
H3	Montserrat	16 / 20	700
Body	systeemstack	14 / 21	400
Knop	systeemstack	16 / 24	600

Licentie

Montserrat is gratis via Google Fonts. Avenir is commercieel — Nunito Sans of Mulish komen dichtbij.

Palet

#003a80

merkblauw

#00234d

hover

#b6bcbd

zilver · logo

#262526

tekst

#208836

duurzaam

#eeeae7

warm grijs

#ced4da

rand

#ffffff

base

Productfotografie van pakketten, zakelijk blauw als drager, duurzaamheidssignalen in het groen.

Assets brandwijk/ — logo SVG, complete favicon-set (ico + touch-icons), OG-beeld, betaallogo's iDEAL/Visa/Mastercard

De blijkbon

blijkbon.nl

De digitale keuzebon. Nieuwste merk, nieuwste stack, meest uitgesproken identiteit.

Nuxt / VueTailwind v4oklch-tokens

Typografie

Eén bon, alle keuzes

Dx Grafik voert de navigatie, knoppen en koppen; Manrope draagt de lopende tekst en wordt zelf gehost in latin en latin-ext. Inter wordt daarnaast geladen.

Gezet in Manrope — het echte tekstfont. Dx Grafik is niet vrij beschikbaar.

Rol	Font	Grootte	Gewicht
Body	Manrope	16 / 24	400
H2	Dx Grafik	24 / 30	400
Navigatie	Dx Grafik	16 / 24	400
Knop	Dx Grafik	16 / 24	400

Als je een richting zoekt die "nieuw Blijk" voelt, ligt die hier

Indigo op crème met amber ertegenaan, grote platte kleurvlakken, illustratie boven fotografie. Het is het enige merk waar het ontwerp een standpunt inneemt in plaats van een webshop te zijn. Manrope is gratis; Dx Grafik (Dinamo) is commercieel — Space Grotesk of General Sans komen in de buurt.

Palet

#4e3bec

primary

#1032cf

diepblauw

#fcae42

amber

#f291fc

roze

#00ed87

mint

#fff8ea

crème · bg

#f8f0e2

crème alt

#323641

tekst

#262626

koppen

Grafisch en plat: grote gekleurde vlakken, kaartvisuals, illustratie boven fotografie. Zes headervisuals in webp.

Assets deblijkbon/ — logo + small-logo PNG, meerkleurige favicon, header1–6.webp, cards-visual, partnerthumbs (Coolblue, Wehkamp, Intratuin, Dinercadeau)

Fonts en licenties

Font	Merk	Licentie	Vrij alternatief
Questrial	Blijk Groep	Google Fonts	—
Montserrat	Promo.nl · Brandwijk	Google Fonts	—
Manrope	De blijkbon	Google Fonts	—
Inter	De blijkbon	Google Fonts	—
Helvetica Neue	Stegman	systeemfont	—
Gilroy	Blijk Groep	commercieel	Poppins · Jost · Inter Tight
Gotham Medium	By Acte	commercieel	Montserrat · Jost
Silence Rocken	By Acte	Wix-licentie	Playfair Display · Bodoni Moda
Gelica	By Acte	commercieel	Fraunces · Bitter
Dx Grafik	De blijkbon	Dinamo	Space Grotesk · General Sans
Avenir	Brandwijk · By Acte	commercieel	Nunito Sans · Mulish

Font

Merk

Licentie

Vrij alternatief

Questrial

Blijk Groep

Google Fonts

—

Montserrat

Promo.nl · Brandwijk

Google Fonts

—

Manrope

De blijkbon

Google Fonts

—

Inter

De blijkbon

Google Fonts

—

Helvetica Neue

Stegman

systeemfont

—

Gilroy

Blijk Groep

commercieel

Poppins · Jost · Inter Tight

Gotham Medium

By Acte

commercieel

Montserrat · Jost

Silence Rocken

By Acte

Wix-licentie

Playfair Display · Bodoni Moda

Gelica

By Acte

commercieel

Fraunces · Bitter

Dx Grafik

De blijkbon

Dinamo

Space Grotesk · General Sans

Avenir

Brandwijk · By Acte

commercieel

Nunito Sans · Mulish

Vier dingen om te weten voordat je ontwerpt

Er is geen groepssysteem

Geen gedeelde tokens, geen gedeelde componenten. Alleen Montserrat (Promo + Brandwijk) en een gedeelde voorkeur voor warm oranje-rood. Dat is ruimte, geen beperking.

Promo.nl heeft twee harde fouten

Bodytekst op 13,68px en een primaire kleur die door WCAG AA zakt. Repareer die in elke mock in plaats van ze over te nemen.

Stegman heeft het beste patroon

Vier achtergrondtinten plus tekst en accent, per contentblok overschrijfbaar met een seizoenspalet. Dat model schaalt naar de hele groep.

De groep verkoopt waardering

Niet spullen. Warmte, mensen en tastbaarheid horen in het ontwerp. Een kille SaaS-esthetiek zou het onderwerp tegenspreken.

Bestanden

U:\promonl\DESIGN-BOOK.md — deze documentatie als markdown, voor Claude Code
U:\promonl\design-tokens.json — alle fonts, kleuren en typografieschalen machineleesbaar
U:\promonl\design-book-standalone.html — dit boek als los HTML-bestand
U:\promonl\corp\ · promonl\ · stegman\ · acte\ · brandwijk\ · deblijkbon\ — één map per merk,
elk met logo\ (SVG waar beschikbaar), favicon\, images\ en social\