# Vodlix merkrichtlijnen — logo, kleur en typografie

**Source:** https://vodlix.com/nl/brand  
**Summary:** Download het Vodlix-logo en -icoon als SVG en PNG en zie hoe je ze gebruikt: vrije ruimte, minimale grootte, merkpalet, typografie en wat je niet moet doen.  
**Publisher:** Vodlix

---

## Merkrichtlijnen

Alles wat je nodig hebt om het Vodlix-logo op een website, in een presentatie, in een artikel of op een evenementbanner te zetten — de bestanden, de kleuren, de typografie en de paar dingen die je er niet mee moet doen. Geen toestemmingsformulier, niet op ons wachten.

## Het logo

Vier versies, één per soort achtergrond. Kies op basis van het oppervlak waarop je het plaatst, niet op basis van het bestand dat je al hebt.

- Op witte en lichte oppervlakken — het logo **voor lichte achtergronden**. Dit is het primaire merkteken en de juiste standaardkeuze.
- Op zwarte en donkere oppervlakken — het logo **voor donkere achtergronden**. Het rode beeldmerk blijft scherp leesbaar op bijna-zwart.
- Op merkrood en op het verloop — **alleen monochroom wit**. Een rood beeldmerk op rood is niet leesbaar.
- Het **icoon alleen** — in kleur op neutraal, wit op donker of rood, zwart op licht als kleur niet kan. Gebruik het alleen waar ‘Vodlix’ al bekend is: een avatar, een favicon, een app-tegel.

**Het logo voor lichte achtergronden heeft een iets vetter woordmerk dan dat voor donkere achtergronden.** Dat is bewust en dat blijft zo — het compenseert de manier waarop letters op een lichte ondergrond dunner lijken. Gebruik elke versie op de achtergrond waarvoor ze bedoeld is, in plaats van zelf het gewicht te corrigeren.

Gebruik de SVG overal waar het medium dat toelaat — die blijft op elk formaat scherp en wordt goed gedrukt. De PNG’s zijn voor plekken die geen vector aankunnen.

## Vrije ruimte en minimumformaat

Geef het logo ruimte en verklein het niet verder dan het punt waarop het woordmerk onleesbaar wordt.

½ van de logohoogte

- Houd aan alle kanten een marge van minstens **de helft van de logohoogte** vrij. Niets — tekst, de rand van een afbeelding, een ander logo, een kader — komt in die zone.
- Minimumformaat — Kleiner dan dit loopt het woordmerk dicht. Heb je het kleiner nodig, gebruik dan alleen het icoon.

- Volledig logo — 120 px / 25 mm breed
- Icoon — 24 px / 8 mm breed

## Kleur

Merkrood is **#E61D2C**. Het is een accent, geen vlak — Vodlix is een wit-zwart merk met rode accenten, dus volledig rode vlakken horen niet bij onze huisstijl.

Merk

- Merkrood
- Rood, hover
- Lichtrood

Neutrale tinten — licht

- Inkt
- Secundaire inkt
- Gedempt
- Haarlijn
- Oppervlak
- Pagina
- Inktband

Neutrale tinten — donker

- Pagina
- Oppervlak
- Inkt
- Haarlijn
- Rood, hover

Verloop

- Stop 1
- Stop 2
- Stop 3
- Stop 4

Het verloop is alleen voor hero-vlakken en displaytekst — nooit op een icoon, badge of knop. Op het verloop is het logo monochroom wit.

## Typografie

Twee lettertypen, allebei gratis en op Google Fonts, zodat je een Vodlix-layout kunt nabootsen zonder iets in licentie te nemen.

- Merriweather Sans — koppen — Koppen, titels van kaarten en abonnementen, cijfers in statistieken, de merknaam in de footer. Gewichten 400–700.
- Noto Sans — tekst en UI — Al het andere: lopende tekst, labels, knoppen, tabellen. Gewichten 400–700. De bijbehorende Noto-families dekken Arabisch, Chinees en Japans, en daarom is dit de broodletter.
- Als je geen van beide kunt laden — Val terug op de schreefloze systeemletter (system-ui, daarna Helvetica of Arial). Vervang hem niet door een schreefletter of een smalle (condensed) letter.

Paginakop

Sectiekop

De introalinea — duidelijk een stap kleiner dan de kop, niet op displayformaat.

Lopende tekst. Vodlix geeft je het platform dat de grote streamingdiensten voor zichzelf hebben gebouwd — website, apps, abonnementen en analytics — zonder het engineeringteam.

Metadata · 27 aug. 2026 · 6 min leestijd

$1,550

Koppen hebben −2% letterspatiëring. Cijfers — prijzen, statistieken, tabelwaarden — staan in tabelcijfers, zodat kolommen netjes uitlijnen.

## Wat je niet moet doen

Het logo is een vast stuk artwork. Plaats het, schaal het proportioneel en laat al het andere met rust.

- Geef het geen andere kleur — Geen eigen huisstijl op ons merkteken. Zwart of wit zijn de enige alternatieven, en beide zijn als bestand beschikbaar.
- Rek het niet uit en druk het niet samen — Schaal breedte en hoogte samen. Past het niet, gebruik dan het icoon.
- Voeg geen effecten toe — Geen slagschaduw, gloed, afschuining, contour of verloopvulling.
- Zet de versie voor lichte achtergronden niet op een donkere ondergrond — Het woordmerk daarvan is bijna zwart en verdwijnt zo goed als helemaal. Gebruik het bestand voor donkere achtergronden, of monochroom wit.
- Vodlix — Bouw het woordmerk niet na — Het is niet gezet in een lettertype dat je kunt overtypen. Plaats altijd het aangeleverde bestand.
- Draai het niet en snijd het niet bij — Het logo staat horizontaal en compleet. Niet schuin, en niet bijsnijden tot één hoek van het merkteken.

Verder: plaats het logo niet in een eigen vorm of kader, gebruik het niet op een manier die een samenwerking of aanbeveling suggereert die we niet hebben afgesproken, en gebruik het niet als onderdeel van je eigen productnaam of logo.

## Download de bestanden

Alles op deze pagina, los of als één archief. SVG waar het medium dat toelaat, PNG waar dat niet kan.

Alle bestanden downloaden (ZIP, ~1 MB)

Logo

- Logo — lichte achtergronden — Het primaire logo. Witte en lichte oppervlakken.
- Logo — donkere achtergronden — Zwarte en bijna-zwarte oppervlakken.
- Logo — monochroom zwart — Drukwerk in één kleur, borduurwerk, graveerwerk.
- Logo — monochroom wit — Eén kleur op donker, en het enige logo voor gebruik op merkrood of het verloop.

Icoon

- Icoon — volledig in kleur — Neutrale oppervlakken. Alleen SVG.
- Icoon — wit — Donkere en rode oppervlakken.
- Icoon — zwart — Lichte oppervlakken, als kleur niet kan.

E-mailhandtekeningen — 280 × 65

- E-maillogo — PNG op maat voor een lichte e-mailclient.
- E-maillogo — wit — PNG op maat voor een donkere e-mailclient.

## Iets nodig wat hier niet staat?

Een ongebruikelijk formaat, een drukklaar bestand, een screenshot van het product of een check of wat je hebt gemaakt klopt — vraag het en we sturen het je.
