Files
cucinafood/docs/superpowers/specs/2026-08-28-cucinafood-design.md
mo 10e510682c Eerste merksite voor Cucina Food.
Statische HTML/CSS/JS: homepage, productlijnen, recepten, zoekbare winkelvinder.
2026-08-29 14:34:18 +02:00

1.3 KiB
Raw Permalink Blame History

Cucina Food — merksite (evolutie)

Goedgekeurd in chat: consument voorop, visuele evolutie, kaarten zonder sku-pagina’s, statische merksite, schap-editorial, foto-billboard homepage, pack-grid + lade. Rest (aanraders, in één keer): winkelvinder zoek+rijen; recepten als grid + eigen pagina’s; contact/samples via mailto.

Aesthetic brief

  • Direction: schap-editorial, eetlust eerst
  • Type: Archivo Black (display) + Source Serif 4 (tekst) + Archivo (UI)
  • Color: dominant lime #ABB50B, accent rood #ED1F23 / geel #FFD200, grond papier #F4F1E8
  • Surface: koelcelpapier, pack-foto’s als objecten, lime als streep en knop
  • Motion: hero fade-in + lime underline op hover; prefers-reduced-motion
  • Anti-goal: WordPress-muur, SaaS-landing, forest/saffron, Inter, pill-buttons, 500 adressen

IA

Home · To Cook · To Heat · To Go · Halal Meat · Recepten (+ detail) · Halal beleid · Over ons · Waar te koop · Contact (samples)

Primair: vindeen product en een winkel. Eén CTA per view: Vind in de buurt of Bekijk lijn.

Techniek

Statische HTML/CSS/JS in Work/cucinafood. Producten, recepten, winkels als JSON. Winkelvinder filtert client-side. Formulieren mailto:info@cucinafood.nl. Geen CMS, geen webshop, geen kaartlib. Foto’s van de bestaande Cucina-CDN.