Hier is alles wat je nodig hebt om dezelfde stijl na te maken:
Lettertypes (Google Fonts)
| Gebruik | Lettertype | Toepassing |
|---|---|---|
| Body / UI | Inter | Broodtekst, labels, knoppen, navigatie |
| Koppen / Display | Playfair Display | H1, H2, decoratieve titels |
Kleurpalet — Stone
| Token | Hex | Gebruik |
|---|---|---|
| 50 | #fafaf9 | Pagina-achtergrond |
| 100 | #f5f5f4 | Kaart-achtergronden, secondary |
| 200 | #e7e5e4 | Borders, dividers |
| 300 | #d6d3d1 | Subtiele borders |
| 400 | #a8a29e | Placeholder-tekst, iconen |
| 500 | #78716c | Accent / CTA-kleur (knoppen, links, highlights) |
| 600 | #57534e | Hover-staat knoppen |
| 700 | #44403c | Primary (dark buttons, headings) |
| 800 | #292524 | Donkere kaarten / hero-achtergrond |
| 900 | #1c1917 | Bijna-zwart tekst, dark sections |
| 950 | #0c0a09 | Diepste zwart |
Afgeronde hoeken
0.625rem (10px)0.375rem (6px)0.875rem (14px)Samenvatting voor gebruik:
#fafaf9 (licht) of #1c1917 (donker)#1c1917#78716c#e7e5e4#78716c (hover: #57534e)#292524 of #1c1917 als achtergrond met #fafaf9 tekstDe tekst staat in de fallback-biografie in MakerSection.tsx op regel 128. Ik zie het nu:
"de" is vervangen door "het" op de juiste plek in de biografie-sectie van MakerSection.tsx.