Wat er te zien is
Drie open vragen: de tekst van de opening, de kleur van de site, en het beeld in de hero. Elke regel opent de hele homepage, want geen van de drie beoordeel je op een losse kaart.
Tekst
Vier invalshoeken op de opening: merk, product, doelgroep en categorie. Koppen hieronder in het Nederlands; de knoppen openen beide talen.
De vier naast elkaar zetten →- Onder de oppervlaktestaat live
Meet wat telt onder de oppervlakte
- Punt voor punt
Punt voor punt, tot het beeld klopt
- Je gewicht is gelijk
Je gewicht is gelijk. Je lichaam niet.
- Je auto gaat naar de APK
Je auto gaat elk jaar naar de APK. Jij niet.
Kleur
De twee huisstijlopties staan bovenaan: dezelfde drie vastgestelde kleuren, andere hiërarchie. Alles nagemeten met `npm run contrast` — en één meting bepaalt beide opties: #C7A64D op #7BB5B2 is 1,01:1, dus goud en turquoise kunnen nooit op elkaar staan.
Elk component op elk vlak →- Huisstijl, eerste optie
#7BB5B2, #EAE6DD en #C7A64D letterlijk, met alles eromheen ervan afgeleid en gemeten. Het zand is de warme sectie en niet de bodem, want als bodem zakken drie gedempte trappen door de norm. De turquoise is het accent en niet de teal-token: als tekst haalt hij 1,85:1 en wit erop 2,31:1.
- Huisstijl, tweede optie
Dezelfde drie kleuren, andere hiërarchie: bijna-witte bodem, bijna-zwarte secties, en daar halen turquoise én goud AAA (7,19 en 7,11). Het goud is hier de knop. Scherper en koeler dan optie 1.
- Crème en terracottastaat live
Wat er nu live staat. Warme bodem, terracotta als enige CTA-kleur, tekstruimte tot 14:1.
- Teal en oker
De eerder aangeleverde richting, zo trouw als de norm toestaat. Prijs: op oker is 8,05:1 het maximum voor tekst, dus je gedempte trappen liggen dicht op elkaar.
- Hun kleuren als accent
Dezelfde twee kleuren, maar op een rustige bodem die naar de teal is getint. Tekstruimte terug naar 13:1.
- Mens, wolk in de sectiestaat live
De lopende vrouw als beeld, zonder deeltjes eroverheen. De wolk staat verderop, bij de mens→walvis-morph. Dit is het hoofdvoorstel.
human_video_plain - Mens + wolk
Dezelfde video, met de deeltjeswolk die van links inzweeft, haar contour aantikt en weer verdwijnt.
human_video - Walvis
Onderwaterbeeld met de wolk die op het dier neerstrijkt in plaats van erlangs te vegen.
whale_video - Zonder video
Geen videobestand. De deeltjes zweven als bol rond één zwaartepunt, vormen een lichaam, en de cursor verstoort de aantrekking.
gravity_figure