Verificatie
Tokens
Elke waarde hieronder komt uit packages/ui/src/tokens.ts. Wijkt er iets af van docs/DESIGN.md, dan is dat een fout in de tokens, niet in deze pagina.
1
Het fruitdoosje
- inktUitsluitend tekst, incl. het hele logo#1D1D1B
- inkt-zachtMetadata, captions, iconen#6B6A66
- witUitsluitend canvas#FDFDFB
- koraalActie — de primaire knop, meer niet#F26076
- koraal-hoverHover op de primaire knop#E04A62
- lijnBorders en dividers#ECEBE6
- surface-1Input-bg, zachte kaart#FAF8F1
- surface-2Selected / active#F4F1E7
2
De wassen
Altijd een aquarelverloop met drie stops, nooit een vlakke tint. Maximaal twee per scherm.
- ananasHét merkgeel — hero, highlight, teller, Annie-content#FCF4C4 → #FAF0B0 → #F5E89C
- mangoWarme tweede was — kaarten, foto’s, merkposts#FEEDCB → #FDE4BC → #FBD9A6
- watermeloenGezins-content — web en campagnes, nooit app-UI#FCE3E8 → #FBDDE3 → #F7CFD8
3
Statuskleuren
- successbevestigde boeking, betaald
- warningteller nadert plafond
- dangergeweigerd, on hold
- infokennismaking gepland
4
De type-ladder
caption — Nunito 400 · 13px · lh 1.4
Stap 3 van 7
body — Nunito 400 · 16px · lh 1.55
Woensdag geregeld. Schoolpoort, vieruurtje, spaghetti.
bodyStrong — Nunito 600 · 16px · lh 1.55
Bevestig woensdag
lead — Nunito 400 · 18px · lh 1.5
Vaste hulp met levenservaring.
section — Baloo 2 700 · 20px · lh 1.35
Hoe het werkt
title — Baloo 2 800 · 26px · lh 1.25
Plan een kennismaking
hero — Baloo 2 800 · 34px · lh 1.15
De kindjes zijn bij Annie.
display — Baloo 2 800 · 44px · lh 1.1
tot € 490
eyebrow — Nunito 700 · 11px · ls +0.12em
Supply first
5
Radii en de druppelhoek
- sm — 8pxtags, chips
- md — 12pxvelden
- lg — 18pxkaarten
- xl — 24pxsecties, sheets
- pill — pillknoppen, pills
- druppelfoto’s van mensen
6
De blob
Altijd asymmetrisch, altijd achter de content, maximaal twee per scherm. Nooit vol koraal.
- variant a
- variant b
- variant c
7
Knoppen
Op een echt scherm staat er precies één koraal-knop. De rest is ghost.
Let op: wit op koraal haalt 3,07:1 en dus geen AA. Staat als TD-008 — bewust geparkeerd tot de eerste designreview.
8
De highlight
De kindjes zijn bij Annie.
De enige toegelaten tekstversiering. Maximaal één per scherm.
9
Bedragen en de split
Deze bedragen komen uit packages/shared — dezelfde functies die de site en de webapp gebruiken.
- Gezin betaalt, per uur
- € 15,00
- Bedrijfsvoorheffing 10%
- € 1,50
- Platformfee 15%
- € 2,25
- Annie netto
- € 11,25
De fee rondt naar beneden af, zodat de restcent bij de Annie landt en nooit bij ons.
De servicebijdrage per maand
Alleen bij een lopende match. Rechts wat een gezin effectief per uur betaalt.
- 10 u — € 12,00
- € 16,20 per uur
- 20 u — € 12,00
- € 15,60 per uur
- 21 u — € 20,00
- € 15,95 per uur
- 34 u — € 20,00
- € 15,59 per uur
- 40 u — € 20,00
- € 15,50 per uur
- 41 u — € 28,00
- € 15,68 per uur
Het 21e uur kost € 23,00 — daar springt de staffel. En de hoogste staffel is voor één Annie onbereikbaar: het plafond stopt bij ± 44 u per maand.
10
De teller
27,12% gebruikt · status ok · nog € 5.750,00 te gaan