Start-thema

Vanuit NL Design System bieden we het ‘Start-thema’ aan. De stijl van dit Start-thema hebben we vastgelegd in een set aan ‘basis-tokens’. Deze basis-tokens leven op het ‘Common’ niveau.

Op deze pagina lees je over het doel en de stijl van het ‘Start-thema’.

Doel van het Start-thema

Met het Start-thema bieden we organisaties een stevig ‘startpunt’. Het thema bevat toegankelijke en gebruiksvriendelijke standaarden, zodat je stap voor stap de huisstijl van jouw organisatie kunt doorvoeren. Zo kun je direct aan de slag met een consistente en inclusieve huisstijl, zonder alles zelf op te hoeven bouwen.

Stijl van het Start-thema: een donkerblauw vlak met witte letters ‘Start-thema. Eenvoudig en neutraal.’ Rechts een illustratie van Nederland in dezelfde kleur.

Stijl van het Start-thema

De stijl is bewust eenvoudig en neutraal. Toch zijn er duidelijke keuzes gemaakt voor typografie, kleuren en iconen.

Typografie

Als lettertype is gekozen voor IBM Plex Sans, een open source-lettertype dat voldoet aan onze richtlijnen voor typografie. Leuk detail: het is ontworpen door Mike Abbink van het Nederlandse bureau Bold Monday.

De tekst IMB Plex Sans wordt afgebeeld met het lettertype IBM Plex Sans.

Kleur

De kleuren in het Start-thema bestaan uit blauw- en grijstinten, aangevuld met signaalkleuren. Alle combinaties voldoen aan de richtlijnen voor kleur. Denk daarbij aan voldoende contrast voor tekstkleur ten opzichte van de achtergrondkleur. Maar ook voldoende contrast voor niet-textuele content.

Ook is er direct een dark-mode beschikbaar.

Twee cirkels. De linker is donkerblauw de rechter is donkergrijs.

Iconen

Functionele iconen

Tabler logo met op de achtergrond allerlei verschillende iconen uit deze set.

Voor functionele iconen gebruiken we een selectie uit de Tabler iconenset. Deze open-source set bevat meer dan 3100 outline iconen en mag ook binnen jouw organisatie worden gebruikt.

Let op: deze set wordt niet door NL Design System beheerd. Je bent zelf verantwoordelijk voor het gebruik. Mis je een icoon? Dan kun je deze zelf toevoegen.

Aangezien de originele iconen uit lijnen van 2px bestaan die niet meeschalen met het formaat, hebben we ze omgezet naar vaste vormen (outline stroke). Dit sluit aan bij onze richtlijnen rondom iconen.

Toptaak iconen

Gemeente iconen logo met op de achtergrond allerlei verschillende iconen uit deze set.

Voor toptaak iconen maken we gebruik van de outline-versie van de OpenGemeenten iconenset. Deze set met meer dan 200 iconen is open source en mag je vrij gebruiken.

Ook deze set valt buiten ons beheer. Mis je een icoon? Neem dan contact op met OpenGemeenten.

Voor designers

Wil je zien hoe het Start thema is toegepast op componenten? Neem dan gerust een kijkje in de NL Design System Figma Bibliotheek met het Start thema.

Je kunt deze bibliotheek gebruiken om zelf prototypes te maken of als startpunt om je eigen thema op te bouwen. Lees de introductie voor designers of volg het Figma stappenplan om direct aan de slag te gaan.

Help deze documentatie te verbeteren

Om ervoor te zorgen dat deze documentatie nuttig, relevant en up-to-date is, kun je een wijziging voorstellen via GitHub.

Vragen

Heb je een vraag? Twijfel niet en neem contact op met het kernteam.