Flow charts & theme examples – visueel

Design toolkit + gegenereerde flows en wireframes (zelfde stijl als de referentie).

Changing those colors will update everything
Main Title
Subtitle
Body copy – voor lopende tekst en labels.
Primary Button Secondary Button Disabled Button
Success Info Warning Error

Flow: Lead Generator

Onderwerp → chat → contact → lead opgeslagen
Landing
1Onderwerp
Chat
2Contact
✓ Lead

Flow: Idee

Idee → stappen → plan → Website Builder / Webapp / Offerte
Idee typen
1Bedrijf / doel
Budget / stappen
Plan
Website / Webapp / Offerte

Theme example: Home Desktop & Mobile

Browser – Home Desktop
Header / nav
Hero
Content block
Content block
CTA
Mobile
Nav
Hero
Content
CTA

Deze pagina wordt gegenereerd met het design toolkit. Nieuwe flows toevoegen: extra .flow secties met .flow-node en .flow-arrow. Theme-varianten: extra .device of wireframe-blokken.

Link: https://itlive.nl/idee/assets/flow-charts-visual.html

Live per klant: geef window.__FLOW_THEME__ door (object met flow en theme) of laad met ?data= base64-JSON. AI genereert alles: ?generate=1&branch=dakdekker (optioneel: &company_name=…, &goals=…) – dan haalt de pagina flow + theme op via de API (AI) en toont “Jouw flow & theme”.