Een merk dat zichzelf uitbreidt

In april 2023 begonnen we met een moodboard en een paar taalroutes naast elkaar: een route met emoji, een route met leuke zinnen, en koppen als Verbaas jezelf met MindCollege en Haal alles uit je leven met MindCollege. Daarna volgden vier versies van de site in Figma.

Wat er aan het eind van die ronde lag was klein: vijf kleuren van geel naar paars, één brede letter voor de koppen en de systeemletter voor de rest. Dat de kleuren als verloop waren vastgelegd, van linksboven naar rechtsonder, bleek later het belangrijkste besluit van de hele opdracht.

In september 2026 ging MindCollege van acht naar dertien trainingen. Vijf kwamen er nieuw bij en twee kregen een nieuwe tekst. Op een palet van vijf kleuren is dat een probleem: dan krijgen trainingen dezelfde kleur, of je verzint er kleuren bij die nergens bij horen.

Op een verloop is het een keuze van plek. De dertien trainingen staan op één lijn van geel via oranje en roze naar lila, paars en diepblauw, en trainingen met hetzelfde thema staan naast elkaar: drie keer NLP in het geel, systemisch werk in het roze, leiderschap aan het donkere eind. De vijf kleuren van 2023 staan er nog op hun oude plek tussen.

In de code is het één variabele per training. Elke kaart en elke kolom draagt een klasse met de naam van de training, en die zet --mc-color. De streep onder de foto, de stip in het filter en het label op de kaart lezen allemaal die ene waarde.

De kaartfoto's van daarvoor kwamen uit verschillende shoots, elk met zijn eigen licht en achtergrond. Voor dertien trainingen wilden we een set die eruitziet alsof één fotograaf op één trainingsdag alle deelnemers voor hetzelfde papieren doek heeft gezet. Die fotograaf is er niet: alle foto's zijn met AI gemaakt, met Gemini, en dat zeggen we er gewoon bij.

Elke prompt bestaat uit vier blokken in dezelfde volgorde. De context: een reportage van echte deelnemers tijdens een oefening, camera op borsthoogte. Het moment: wat er gebeurt, het enige creatieve deel. Kleding en uitsnede: alleen kleuren uit de waaier plus spijkerstof, afgesneden net boven de knie. En achtergrond en licht, een blok dat woord voor woord in elke prompt staat, met de kleurcode van de training erin.

Het moment is per training een echte oefening en geen portret. Bij de NLP Driedaagse spiegelen twee mensen elkaars houding en merken ze het net, bij Familieopstellingen staan moeder en dochter op hun plek, bij Effectieve Communicatie vat de een samen op haar vingers terwijl de ander knikt. Op het contactvel hieronder staat een ronde voor de paarse trainingen: twaalf varianten, twee gekozen.

De trainingen staan in een agenda-plugin van een andere ontwikkelaar: per training een trainingstype met de duur, de locatie, de kleur, de kaartfoto en de volgorde. Daar bouwden we de kaarten op. Eén shortcode leest die trainingstypen en maakt er een raster van op de trainingenpagina en een carrousel op de homepage, zodat een nieuwe training op beide plekken tegelijk verschijnt.

Boven het raster staan de thema's als knoppen, elk met een stip in de kleur van de eerste training in dat thema. Het thema komt uit de titel en niet uit een extra veld, dus de agenda hoefde er niet voor te veranderen. Ernaast schakel je tussen kaarten en een lijst, en daarboven staat een keuzehulp met zeven zinnen zoals iemand ze zelf zou zeggen: ik wil sterker communiceren, ik geef leiding of ga dat doen.

Op een telefoon opent de trainingenpagina als lijst en niet als kaarten. Wie liever kaarten ziet, schakelt om, en de pagina onthoudt die keuze. De filterknoppen liggen daar op één regel die je zijwaarts schuift.

Het merk loopt verder dan de site: de waaier staat als dunne balk boven elke pagina, als rand langs de A5-sjablonen voor drukwerk, en op de deelbeelden per training die in Figma klaarliggen voor als iemand een pagina doorstuurt.

Wat hier schaalt zijn drie regels. Een kleur is een plek op de waaier, en trainingen met hetzelfde thema liggen naast elkaar. Een foto is dezelfde prompt met een ander moment en een andere kleurcode, dus de set blijft één set. En een kaart is een trainingstype in de agenda, dus hij staat vanzelf in het raster, de carrousel en het filter.

Een nieuwe training vraagt daarmee drie dingen: een kleur tussen twee buren, een foto uit hetzelfde promptsysteem en een trainingstype in de agenda. Daar hoeft geen nieuw ontwerp voor gemaakt te worden, en de volgende uitbreiding past er net zo in als deze.