Brandassets
Logos, kleuren en typografie voor Duurzaamheidskaart. Altijd actueel inzicht in duurzaamheidsdata.
Logo's
Gebruik altijd de officiële logo-versies. Klik op «Download SVG» om het bestand in de juiste kleur te downloaden (bestandsnaam in de knoop). Voor PNG of andere formaten: exporteer de SVG in je ontwerpprogramma.
Formaat: SVG (schaalbaar, alle logo's in merkkleuren).
Primair logo (compact)
Navigatie, footer, algemeen gebruik
Lichte achtergrond
Donkere achtergrond (zelfde bestand, invert in ontwerptool)
/logos/logo.svg → duurzaamheidskaart-logo.svg
Volledig woordmerk
Footer, structured data, OG-afbeeldingen
Lichte achtergrond
Donkere achtergrond (zelfde bestand, invert in ontwerptool)
/logos/logo-duurzaamheidskaart.svg → duurzaamheidskaart-wordmark.svg
Alleen icoon
Favicon, app-iconen, CMS-zijbalk
Lichte achtergrond
Donkere achtergrond (zelfde bestand, invert in ontwerptool)
/logos/duurzaamheidskaart-icon.svg → duurzaamheidskaart-icon.svg
MapGear (moederbedrijf)
Bedankmodals, credits
Lichte achtergrond
Donkere achtergrond (zelfde bestand, invert in ontwerptool)
/logos/mapgear-logo.svg → mapgear-logo.svg
Kleuren
Primair blauw (#001d42) en secundair groen (#76b82a) vormen de kern van het merk. Cyan wordt gebruikt voor links en accenten.
Primair blauw
Hoofdmerk, koppen, hero-achtergronden
Tailwind: primary
Secundair groen
Accenten, call-to-action, highlights
Tailwind: secondary
DZHK Cyan
Links, logo-accent, interactieve elementen
Tailwind: dzhk-cyan
DZHK Cyan donker
Hover-states, kleurverlopen
Tailwind: dzhk-cyan-dark
DZHK Cyan licht
Achtergronden, subtiele vullingen
Tailwind: dzhk-cyan-light
Primair licht
Logo-verloop
Tailwind: primary-light
Primair donkerder
Verloop-einden, diepte
Tailwind: primary-darker
Secundair licht
Logo-verloop
Tailwind: secondary-light
Secundair donker
Schaduwen, diepte
Tailwind: secondary-dark
Lichtblauw
Logo-verloop begin
Tailwind: lightblue
Lichtblauw donker
Logo-verloop einde
Tailwind: lightblue-dark
Typografie
We gebruiken Titillium Web als hoofdlettertype. Gewichten: 300 (Light), 400 (Regular), 600 (SemiBold), 700 (Bold).
H1 · Bold · 4xl–6xl
Duurzaamheidskaart
H2 · SemiBold · 3xl
Altijd actueel inzicht
Body · Regular
Duurzaamheidskaart biedt altijd actueel inzicht in uw duurzaamheidsdata. Een product van MapGear B.V.
Font stack
Titillium Web, system-ui, -apple-system, sans-serifSnelle referentie
Tailwind classes
- text-primary / bg-primary
- text-secondary / bg-secondary
- text-dzhk-cyan / bg-dzhk-cyan
- text-dzhk-cyan-dark / bg-dzhk-cyan-dark
- bg-dzhk-cyan-light
Brandnamen
- NL: Duurzaamheidskaart
- EN: Duurzaamheidskaart (brand), Sustainability Map (literal)
- Parent: MapGear B.V.
Neem contact met ons op!
Wilt u weten wat wij voor uw organisatie kunnen betekenen? Neem dan gerust contact met ons op voor een vrijblijvende demo. Heeft u bijzondere wensen? Geen probleem! Laat hieronder uw gegevens achter.
Egbert Griffioen
Projectmanager Duurzaamheidskaart