Interne designpagina

Warme neutraal ipv ijsblauw

Notion-stijl: vlakke, heel subtiel warme grijzen in plaats van koel ijsblauw. Telkens tussen twee koningsblauw-blokken zodat je de blend ziet. Koppen blijven navy voor merkcohesie, body in een warme grijs (#615d59), kaartjes wit met een dunne warme rand.

Ter inspiratie · Poppins

Een licht, ruimtelijk font met veel lucht tussen de regels.

Poppins op gewicht 300, met een royale regelhoogte. Het leest zacht en luchtig, precies zoals op de referentiesite. Op langere teksten mag je overwegen om iets steviger te gaan, bijvoorbeeld gewicht 400, voor net wat meer leesbaarheid.

Geel accent

Notion grijs

De exacte section-grijs van Notion (#f6f5f4). Warm-neutraal en heel subtiel.

Diensten

Wat we voor u doen

Voorbeeldtekst in een donker koningsblauw blok, zodat je ziet hoe de warme tint ertussen valt.

Even ademen

Een warme, rustige tint tussen twee koningsblauw-secties.

Zo blendt de neutraal met het merkblauw, zonder de koude van het ijsblauw. Vlakke kleur, een dunne warme rand, en veel lucht.

Voorbeeldkaart

Wit kaartje op de warme grijs, met een subtiele rand zoals Notion.

Onze aanpak

Van inzicht naar resultaat

Voorbeeldtekst in een donker koningsblauw blok, zodat je ziet hoe de warme tint ertussen valt.

Notion off-white

Nog lichter (#f9f9f8), bijna wit met een warme zweem.

Diensten

Wat we voor u doen

Voorbeeldtekst in een donker koningsblauw blok, zodat je ziet hoe de warme tint ertussen valt.

Even ademen

Een warme, rustige tint tussen twee koningsblauw-secties.

Zo blendt de neutraal met het merkblauw, zonder de koude van het ijsblauw. Vlakke kleur, een dunne warme rand, en veel lucht.

Voorbeeldkaart

Wit kaartje op de warme grijs, met een subtiele rand zoals Notion.

Onze aanpak

Van inzicht naar resultaat

Voorbeeldtekst in een donker koningsblauw blok, zodat je ziet hoe de warme tint ertussen valt.

Iets warmer paper

Een tik warmer dan Notion (#f4f2ec), richting crème.

Diensten

Wat we voor u doen

Voorbeeldtekst in een donker koningsblauw blok, zodat je ziet hoe de warme tint ertussen valt.

Even ademen

Een warme, rustige tint tussen twee koningsblauw-secties.

Zo blendt de neutraal met het merkblauw, zonder de koude van het ijsblauw. Vlakke kleur, een dunne warme rand, en veel lucht.

Voorbeeldkaart

Wit kaartje op de warme grijs, met een subtiele rand zoals Notion.

Onze aanpak

Van inzicht naar resultaat

Voorbeeldtekst in een donker koningsblauw blok, zodat je ziet hoe de warme tint ertussen valt.

Warm zand

Duidelijk warmer en dieper (#efe9df), met terracotta-accent uit het logo.

Diensten

Wat we voor u doen

Voorbeeldtekst in een donker koningsblauw blok, zodat je ziet hoe de warme tint ertussen valt.

Even ademen

Een warme, rustige tint tussen twee koningsblauw-secties.

Zo blendt de neutraal met het merkblauw, zonder de koude van het ijsblauw. Vlakke kleur, een dunne warme rand, en veel lucht.

Voorbeeldkaart

Wit kaartje op de warme grijs, met een subtiele rand zoals Notion.

Onze aanpak

Van inzicht naar resultaat

Voorbeeldtekst in een donker koningsblauw blok, zodat je ziet hoe de warme tint ertussen valt.

Accenten

Spectrum & Notion geel

De logo-gradient als accent op een warm vlak, en het warme Notion-geel als vrolijk accentvlak.

Spectrum-accent

Warme grijs met een spectrum-lijn

De volledige logo-gradient als fijne lijn bovenaan, plus als los streepje.

Notion geel

Warm geel als accentvlak

Zoals Notion een sectie soms in warm geel zet. Speels, maar warm genoeg om bij het koningsblauw te passen.

Badge

Kaders

Rond in recht, en andersom

Een rond kader in een recht kader, en de omkering. Plus een variant met een spectrum-ring.

Rond in een recht kader
Recht in een rond kader
Ronde spectrum-ring