Merkrichtlijnen · Basis

Versie 1.0 · september 2026

MerkrichtlijnenDe basis

Logo, kleur en typografie. Alles wat je nodig hebt om het merk vignetim. correct te gebruiken.

PDF downloaden Logo's downloaden

01 · LogoLockups & kleur

Logo

Lockups & kleurvarianten

Vier goedgekeurde lockups

Horizontaal · symbool

Standaard. Web, documenten, presentaties, e-mailhandtekeningen.

PNG

Verticaal · symbool

Vierkante en staande vlakken, social media, roll-upbanners.

PNG

Horizontaal · badge

Headers in de app, visuals voor app stores.

PNG

Verticaal · badge

Splashscreens, advertentiemateriaal.

PNG

Drie kleurversies

Teal / lichte achtergrond

Wit, Neutral 50, Teal 50.

PNG

Wit / teal achtergrond

Teal 500 tot 800.

PNG

Wit / donkere achtergrond

Neutral 800 tot 900, over fotografie.

PNG

Ook beschikbaar

Voor eenkleurig drukwerk is er een eenkleurige donkere versie. Gebruik dit bestand in plaats van om te zetten naar grijstinten.

Eenkleurig donker

PNG

Het woordmerk is altijd in kleine letters, met de punt: vignetim. Maak de eerste letter nooit een hoofdletter en voeg geen letterspatiëring toe.
Plaats de teal badge nooit op een teal achtergrond. Dan valt hij weg. Gebruik op teal alleen het witte symbool.
Gebruik het symbool of de badge alleen als de merknaam elders op hetzelfde vlak staat: app-icoon, favicon, profielfoto.
Stel lockups nooit zelf samen. Gebruik altijd het aangeleverde bestand; verschuif de onderdelen nooit.

01 · LogoVrije ruimte & formaat

Vrije ruimte & minimumformaat

Ruimte om te ademen, formaten die leesbaar blijven

Laat aan elke kant van het logo minstens 0.5 X vrije ruimte. X is de hoogte van het symbool (of de badge) in die lockup. Geen tekst, afbeelding, lijn, ander logo of paginarand mag in dit gebied komen.

Stippellijn = grens van het logo · Gearceerd vlak = vrije ruimte

Verticale lockup · X = hoogte van het symbool

Minimumformaten

Element	Digitaal	Druk
Horizontale lockup · symbool	140 px	30 mm
Horizontale lockup · badge	160 px	34 mm
Verticale lockup · symbool	72 px	16 mm
Verticale lockup · badge	80 px	18 mm
Symbool (los)	20 px	5 mm
Badge (los)	44 px	8 mm

Waarden zijn breedtes. Gebruik onder deze formaten het symbool of de badge los in plaats van een lockup.

Twee uitzonderingen

App-icoon: de regel voor vrije ruimte geldt niet. De badge vult het kader en het platform rondt de hoeken af.
Favicon (16 tot 32 px): de badge wordt onleesbaar; gebruik het losse teal symbool op een transparante achtergrond.

Naast andere logo's

Houd minstens 1 X tussen twee logo's en breng ze op dezelfde optische hoogte.

02 · KleurKleurenpalet

Kleur

Eén merkkleur, één neutrale schaal

De merkkleur is Teal 500 · #049CB9. Er is geen secundaire merkkleur; diepte ontstaat met de tinten van de tealschaal en met neutrale grijstinten.

Vignetim teal

Neutrale kleuren

Technische waarden

HEX: #049CB9
RGB: 4 · 156 · 185
CMYK (ref.): 98 · 16 · 0 · 27
PANTONE (ca.): 313 C tot 314 C

CMYK is een berekende referentie; converteer met het ICC-profiel van de drukker.

Verhouding in gebruik

70%

20%

10%

Wit / Neutral 50: Ademruimte
Neutral 600 tot 900: Tekst en structuur
Teal: Accent en actie

Elk scherm heeft precies één primaire actie in teal.

Knopstatussen

Standaard · Teal 500

Hover · Teal 600

Ingedrukt · Teal 700

Secundair

Drie contrastregels

Teal 500 is geen tekstkleur (3.25:1 op wit). Gebruik Teal 700 voor tekst en links.
Witte tekst op Teal 500 moet minstens 18 px / 14 pt vet zijn; gebruik voor kleinere tekst een achtergrond in Teal 700.
In de donkere modus is het accent Teal 300 tot 400; Teal 500 is op donkere achtergronden niet voldoende.

03 · TypografieInter

Typografie

Inter, één lettertype, vier gewichten

Inter is het enige lettertype van het merk. Alleen de gewichten 400, 500, 600 en 700 worden gebruikt. Als Inter niet kan worden geladen, val dan terug op het systeemlettertype en daarna op Arial.

Aa Bb Cc Çç Ğğ Iı İi Şş Öö Üü 0123456789

Regular · 400

Broodtekst, lange teksten.

Medium · 500

Labels, tabelkoppen, nadruk.

SemiBold · 600

Koppen, knoppen, overlines.

Bold · 700

Alleen campagnekoppen.

H1 32 / 38 px · 600 · -0.020em

Je vignet, klaar vóór de grens

H2 24 / 30 px · 600 · -0.016em

Hoe werkt een digitaal vignet?

H3 20 / 26 px · 600 · -0.012em

Voer het kenteken van je voertuig in

Body 16 / 26 px · 400

De app stuurt je een herinnering als je 30 km van de grens bent.

Body S 14 / 22 px · 400

Prijzen zijn gebaseerd op het officiële vignettarief van elk land.

Overline 11 / 14 px · 600 · +0.11em · CAPS

Landen · Prijzen · Veelgestelde vragen

Regelhoogte: 1.10 tot 1.25 voor koppen, 1.50 tot 1.65 voor broodtekst. Regellengte 60 tot 75 tekens. Altijd links uitgelijnd.

Zet broodtekst niet in hoofdletters. Hoofdletters zijn alleen voor overlines en korte labels.
Voeg geen letterspatiëring toe aan broodtekst, en zet deze niet in teal.
Rek of kantel tekst niet; geen nepcursief of nepvet.
Gebruik niet meer dan vier niveaus op één vlak.

De valkuil van Turkse hoofdletters

Bij automatische omzetting moet “i” İ worden. Stel lang="tr" in HTML in en gebruik toLocaleUpperCase('tr') in code. Anders wordt “istanbul” “ISTANBUL”.

Het omgekeerde geldt ook: Engelse tekst heeft lang="en" nodig, anders wordt “Size” “SİZE”.

Talen: latin-ext-subsets voor TR en RO, cyrillic voor UA, latin voor DE en EN. Ze maken allemaal deel uit van Inter. Wissel nooit van lettertype voor een andere taal.

01 · LogoOnjuist gebruik

Onjuist gebruik

Wat je nooit met het logo doet

Deze lijst is niet volledig: elke aanpassing van het logo buiten het aangeleverde bestand geldt als onjuist gebruik.

Onjuist: Verhoudingen vervormen — Verhoudingen vervormen

Onjuist: De kleur wijzigen — De kleur wijzigen

Onjuist: Een kleurverloop toepassen — Een kleurverloop toepassen

Onjuist: Een omlijning toevoegen — Een omlijning toevoegen

Onjuist: Schaduwen en effecten — Schaduwen en effecten

Onjuist: De onderdelen herschikken — De onderdelen herschikken

Onjuist: Achtergrond met weinig contrast — Achtergrond met weinig contrast

Het woordmerk opnieuw zetten

Onjuist: De vrije ruimte schenden — De vrije ruimte schenden

Onjuist: In een onnodig kader plaatsen — In een onnodig kader plaatsen

Onjuist: Transparantie toepassen — Transparantie toepassen

Onjuist: Hoofdletters en letterspatiëring — Hoofdletters en letterspatiëring

Onjuist: Omzetten naar grijstinten — Omzetten naar grijstinten

Gebruik bij eenkleurig drukwerk de goedgekeurde eenkleurige donkere versie, geen grijstinten.

Snelle referentieAlles op één pagina

Snelle referentie

De hele gids in één oogopslag

Kleurenkaart

Teal 500 · merk#049CB9
Teal 700 · tekst / links#046B80
Teal 300 · accent donkere modus#5FCEE2
Neutral 900 · koppen#161B1E
Neutral 600 · secundaire tekst#565E64
Neutral 50 · vlak#F7F8F9

Vijf regels

Gebruik het logo uit het aangeleverde bestand.
Laat aan elke kant 0.5 X vrije ruimte.
Teal 500 is geen tekstkleur. Gebruik Teal 700.
Eén lettertype: Inter, 400 / 500 / 600 / 700.
Niet meer dan 10% van een vlak is teal.

Bestandenlijst

Alle logo'sZIP
vignetim-horizontal-tealPNG
vignetim-horizontal-whitePNG
vignetim-horizontal-single-colour-darkPNG
vignetim-vertical-tealPNG
vignetim-badge-horizontalPNG
vignetim-badge-verticalPNG
vignetim-badgePNG
vignetim-symbol-teal / whiteOp aanvraag
vignetim-appicon-1024Op aanvraag
vignetim-favicon-16/32/48Op aanvraag

Vraag voor drukwerk en grootformaat de vectorbestanden (SVG of EPS) aan. Gebruik PNG alleen waar vectoren niet worden ondersteund.

App-icoon

App Store (iOS): 1024 × 1024 px, geen transparantie
Google Play: 512 × 512 px, 32-bit PNG
Play · feature graphic: 1024 × 500 px
Social-mediaprofiel: 1000 × 1000 px

Upload een vierkant tot aan de rand, zonder afgeronde hoeken. Het besturingssysteem rondt ze af.

CSS-variabelen

:root {
  --brand-500: #049CB9;
  --brand-600: #03849E;
  --brand-700: #046B80;
  --brand-300: #5FCEE2;
  --brand-50: #EAF8FB;
  --ink-900: #161B1E;
  --ink-600: #565E64;
  --ink-200: #DDE1E4;
  --ink-50: #F7F8F9;
  --font-sans: Inter, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

Vragen & goedkeuringen

Neem voor elk gebruik dat niet in deze gids staat, of om een nieuw bestand aan te vragen, contact op met de merkeigenaar.

Versie 1.0 · september 2026