# Deelautowijzer.nl: Huisstijl & Mediakit

Voor journalisten, partner-aanbieders, gemeenten en bloggers.

---

## Inhoud van deze map

### Logo: icoon (zonder tekst)

| Bestand | Omschrijving |
|---------|-------------|
| `deelautowijzer-logo-mark.svg` | Vector, voor gebruik op lichte achtergronden |
| `deelautowijzer-logo-mark-mono-dark.svg` | Vector, voor gebruik op donkere achtergronden |
| `deelautowijzer-logo-mark-256.png` | 256 × 256 px |
| `deelautowijzer-logo-mark-512.png` | 512 × 512 px |
| `deelautowijzer-logo-mark-1024.png` | 1024 × 1024 px |
| `deelautowijzer-logo-mark-mono-dark-256.png` | 256 × 256 px, donker |
| `deelautowijzer-logo-mark-mono-dark-512.png` | 512 × 512 px, donker |
| `deelautowijzer-logo-mark-mono-dark-1024.png` | 1024 × 1024 px, donker |

### Logo: woordmerk (icoon + naam)

| Bestand | Omschrijving |
|---------|-------------|
| `deelautowijzer-logo-wordmark.svg` | Vector, donkere versie |
| `deelautowijzer-logo-wordmark-light.svg` | Vector, lichte versie (voor donkere achtergrond) |
| `deelautowijzer-logo-wordmark-720.png` | 720 px breed |
| `deelautowijzer-logo-wordmark-1440.png` | 1440 px breed |
| `deelautowijzer-logo-wordmark-light-720.png` | 720 px breed, licht |
| `deelautowijzer-logo-wordmark-light-1440.png` | 1440 px breed, licht |

### Logo: woordmerk met tagline

| Bestand | Omschrijving |
|---------|-------------|
| `deelautowijzer-logo-wordmark-tagline.svg` | Vector, incl. tagline |
| `deelautowijzer-logo-wordmark-tagline-light.svg` | Vector, lichte versie |
| `deelautowijzer-logo-wordmark-tagline-720.png` | 720 px breed |
| `deelautowijzer-logo-wordmark-tagline-1440.png` | 1440 px breed |
| `deelautowijzer-logo-wordmark-tagline-light-720.png` | 720 px breed, licht |
| `deelautowijzer-logo-wordmark-tagline-light-1440.png` | 1440 px breed, licht |

### Social-kaart (og:image)

De afbeelding die verschijnt als iemand een link naar Deelautowijzer.nl deelt op sociale media. Gebruik de PNG als `og:image`; SVG wordt niet ondersteund als social preview.

| Bestand | Omschrijving |
|---------|-------------|
| `deelautowijzer-social-card-nl.png` | 1200 × 630 px, Nederlandstalige pagina's |
| `deelautowijzer-social-card-nl.svg` | Vector, uitgelijnde tekst (geen lettertype nodig), NL |
| `deelautowijzer-social-card-en.png` | 1200 × 630 px, Engelstalige pagina's |
| `deelautowijzer-social-card-en.svg` | Vector, uitgelijnde tekst (geen lettertype nodig), EN |

### Overig

| Bestand | Omschrijving |
|---------|-------------|
| `deelautowijzer-logo-favicon.svg` | Favicon / app-icoon |

---

## Kleurpalet

| Naam               | HEX       | Gebruik                                                              |
|--------------------|-----------|----------------------------------------------------------------------|
| Bos-groen          | `#1F8B5C` | Primaire merkkleur, logo-achtergrond                                 |
| Houtskool          | `#14150F` | Primaire tekstkleur                                                  |
| Tekstgroen, licht  | `#13603F` | Groene tekstkleur op lichte achtergrond                              |
| Tekstgroen, donker | `#6ADFA1` | Groene tekstkleur op donkere achtergrond                             |
| Crème              | `#F7F8F2` | Pagina-achtergrond (licht)                                           |
| Inkt-achtergrond   | `#0E1411` | Pagina-achtergrond (donker)                                          |
| Mossteen           | `#5A5C53` | Secundaire tekst en UI-elementen                                     |
| Amber              | `#D89B47` | Waarschuwing-indicator; gebruik als vlak met donkere tekst (#14150F) |

---

## Typografie

**Manrope**, gratis beschikbaar via [Google Fonts](https://fonts.google.com/specimen/Manrope).
Gebruik gewichten **700** (koppen) en **400/500** (body).

---

## Gebruiksrichtlijnen

- Pas de kleuren van het logo **niet** aan.
- Gebruik het logo op voldoende contrast (minimaal 4,5:1 voor WCAG AA).
- Vermeld bij publicatie: **Deelautowijzer.nl**
- Verwijzen naar de site? Gebruik: `https://deelautowijzer.nl`

---

## Contact

[hallo@deelautowijzer.nl](mailto:hallo@deelautowijzer.nl)
