Huizer Bouw BRAND GUIDE · V1 · 2026

Vakwerk dat
blijft.

De visuele richtlijnen voor de nieuwe website van Huizer Bouw. Professioneel en nuchter, met duurzaamheid zichtbaar in elk onderdeel. De kleuren blijven die van het logo.

A · Blauwdruk → B · Vakwerk → C · Energie →
01 — Merk

Wie we zijn

VakmanschapSinds 1957. Begonnen in metselwerk, nu specialist in onderhoud, renovatie en schilderwerk van groot vastgoed.
ToekomstbestendigElk onderhoudsmoment is een kans om een pand zuiniger te maken. Ons eigen kantoor is vrijwel energieneutraal.
Rotterdams DNANiet lullen, maar poetsen. Korte lijnen, afspraak is afspraak, proactief meedenken.
02 — Logo

Het logo blijft

Vrije ruimte rondom = hoogte van de "H". Minimale hoogte 32px digitaal.
Op donker: het logo als geheel blok plaatsen, nooit uitsnijden.
Niet doenKleuren wijzigen of omkerenVervormen, draaien of schaduw toevoegenOp een drukke foto zonder vlak plaatsen

Let op: dit is een JPG op lage resolutie. Voor productie is een vector (SVG/EPS) van het logo nodig.

03 — Kleur

Blauw en geel uit het logo

Blauw draagt het merk en staat voor vertrouwen. Geel is de energie van de zon: gebruik het voor duurzaamheid, acties en accenten. Warme kalk- en zandtinten vervangen koud grijs.

Aa
{{ c.name }}{{ c.hex }}{{ c.use }}
Verhouding op een pagina
Kalk 50 · Blauw 22 · Nacht 12 · Zand 10 · Geel 6
Energielabel-schaal: alleen voor data, nooit als merkkleur
{{ l.k }}

Contrast: geel nooit als tekstkleur op kalk of wit. Op geel altijd nacht-blauwe tekst; op blauw altijd kalk of geel.

04 — Typografie

Breed, stevig en goed leesbaar

DISPLAY · ARCHIVOBouwVariabele breedte (112–125%), gewicht 700–800, letterspatiëring −3 tot −5%. Voor koppen en grote cijfers.
TEKST · INSTRUMENT SANSWat mooi is, moet mooi blijven. Vastgoedonderhoud draagt bij aan een duurzame toekomst.400–600, regelhoogte 1,55–1,65. Lopende tekst minimaal 17px.
DATA · IBM PLEX MONO01 — Opname
60.000 VHE's
Labels, stapnummers, metadata. Kleine kapitalen met 10–12% spatiëring.
{{ t.name }} {{ t.sample }}
05 — Componenten

Bouwstenen

Hoeken zijn strak: 2–3px. Geen zachte bolle vormen, wel ruime witruimte en dunne lijnen als constructie.

KNOPPEN Geel = primaire actie (één per scherm). Hover: kleur wisselt naar blauw. Pijl als vaste richtingaanwijzer.
KENGETAL
60.000VHE's in onderhoud
140zonnepanelen
Alleen echte cijfers. Telt op bij in beeld komen.
KEURMERK & LABEL
VCA**VGO-KeurMosa Panel Co-Maker
AEnergielabel-pijl
01 — DIENSTKAART Renovatie Vernieuwen voor de toekomst. Nummer in mono, titel in Archivo, lead vet, body regulier. Foto ernaast of erachter.
06 — Beweging

Bouwen in lagen

Beweging vertelt het verhaal van een renovatie: van opname tot een toekomstbestendig pand. Scrollen is de tijdlijn; de bezoeker bepaalt het tempo.

{{ m.n }}{{ m.title }}{{ m.body }}
EASINGcubic-bezier(.16,.84,.3,1)
HOVER200 ms
REVEAL1000 ms · 36px · stagger 80 ms
TELLER1800 ms · ease-out
07 — Beeld

Echte mensen, echte panden

Wel: eigen vakmensen aan het werk, opgeleverde gevels, daken met zonnepanelen, natuurlijk daglicht. Niet: cartoons, clipart, generieke stockfoto's met helmen en duimen omhoog. Lijnwerk: dunne technische tekeningen (blauwdruk) mogen over of naast foto's om het bouwproces te tonen.
08 — Tone of voice

Nuchter en concreet

Spreek de opdrachtgever aan met u, de organisatie is wij. Korte koppen (3–6 woorden), zinsbouw in hoofdletter-klein. Feiten boven bijvoeglijke naamwoorden: "140 zonnepanelen" in plaats van "zeer duurzaam". Duurzaamheid altijd onderbouwen met wat we echt doen.