Huisstijl-basis voor het platform dat alle API’s van Nederlandse overheidsinstanties achter één deur zet. Het beeldmerk is een wolk die is opgebouwd uit losse modules — elke module een register, een dienst, een API.

Het merk

Gebruik bij voorkeur de horizontale lockup. Alleen als het woordbeeld elders al zichtbaar is (app-icoon, tabblad, avatar) staat het beeldmerk los.

lockup — standaard
beeldmerk
woordbeeld

Op donker & in één kleur

op donkerblauw — de wolk keert om, licht blijft van boven komen
monochroom — druk, fax, gravure

Drie resoluties van dezelfde wolk

Het silhouet is altijd hetzelfde; alleen de invulling verandert met het formaat. Zo blijft het merk herkenbaar van billboard tot 16 pixels.

Raster — vanaf 32 px. De standaard.
Massief — 16–32 px, of bij druk op stof.
Vlak — één kleur: favicon, stempel, borduur.

Vrije ruimte

Houd rondom minimaal twee rastermodules vrij — dat is de maat van het raster waaruit de wolk is opgebouwd, dus de regel schaalt vanzelf mee.

Minimumformaat

Onder deze maten verliest het merk zijn vorm. Ga je kleiner, gebruik dan de volgende resolutie uit de rij hierboven.

lockup · min. 120 px breed
raster-beeldmerk · min. 24 px hoog
favicon 16px
vlak · 16 px

Kleur

Drie blauwen uit de Rijkshuisstijl-familie. Donkerblauw draagt, hemelblauw accentueert, lichtblauw is voor vlakken en de bovenkant van de wolk.

Donkerblauw#154273
tekst, beeldmerk, vlakken

Hemelblauw#007BC7
links, accenten, .cloud

Lichtblauw#8FCAE7
vlakken, lijnen, top van de wolk

Papier#F4F6F9
achtergrond

Contrast

Donkerblauw op papier haalt ruim AAA (12,5:1). Hemelblauw op wit is 4,6:1 — genoeg voor tekst vanaf 16 px en voor links, maar zet het niet in voor kleine grijstinten of dunne lijnen. Lichtblauw is nooit een tekstkleur op wit.

Iconen & favicons

Hieronder op ware grootte. Onder de 32 px gaat het raster automatisch over op de vlakke versie.

16
32
48
180 · apple-touch
512 · PWA

In je <head>

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon-180.png">
<meta property="og:image" content="/og-image-1200x630.png">

Social preview

1200×630, klaar voor og:image en Twitter/X cards.

og:image

Niet doen

Het merk hoeft nooit bewerkt te worden — er is voor elke situatie al een bestand.

Niet uitrekkenSchaal altijd proportioneel.
Niet draaienDe wolk staat waterpas op het raster.
Geen andere kleurenAlleen het palet hiernaast.
Geen slagschaduwHet merk is vlak.

Bestanden

svg/lockup‑*.svgbeeldmerk + woordbeeld: kleur, mono, inverse
svg/mark.svgraster-beeldmerk, de standaard
svg/mark‑solid.svgmassief, voor 16–32 px
svg/mark‑flat.svgvlak, één kleur
svg/wordmark.svgalleen het woordbeeld
svg/icon.svg · icon‑small.svgapp-icoon, groot en klein formaat
favicon.ico16 / 32 / 48 in één bestand
png/*alle bovenstaande als raster, plus og:image