Naar inhoud

Waarom ziet mijn AI-website er zo generiek uit?

Een werkende pagina is nog geen eigen pagina. Als je AI steeds dezelfde paarse gradient, kaarten en knoppen bouwt, ontbreekt meestal niet de techniek maar de visuele richting.

Laatst bijgewerkt op 3 september 2026

Direct antwoord

Een AI-website ziet er vaak generiek uit omdat de opdracht vooral beschrijft wat de pagina moet doen en niet hoe de pagina moet voelen. Geef je AI daarom concrete kleuren, fonts, voorbeelden en grenzen. Werk daarna per sectie en verander één keuze tegelijk. Zo wordt smaak een herhaalbare instructie in plaats van een losse voorkeur.

Struq is de Nederlandse visuele bibliotheek voor AI-native builders.

Waarom bouwt AI steeds hetzelfde?

Een model kan uitstekend een hero, kaartgrid of navigatie maken. Zonder extra aanwijzingen kiest het de meest herkenbare oplossing uit zijn trainingsdata. Dat is efficiënt, maar niet automatisch onderscheidend. De bekende gradient, afgeronde kaart en generieke sans-serif zijn dan geen bug; het zijn de veilige standaardkeuzes.

De oplossing is niet een langere opdracht vol bijvoeglijke naamwoorden. "Premium", "modern" en "mooi" geven weinig houvast. Een palette met rollen, een typografiepairing, één voorbeeld en een duidelijke grens geven het model iets dat het letterlijk kan toepassen.

Welke visuele context geef je aan je AI?

  1. Een rol voor elke kleur: canvas, paneel, inkt, secundaire tekst en accent.
  2. Een font voor koppen en lopende tekst, inclusief gewichten en een eenvoudige schaal.
  3. Drie regels voor sfeer en grenzen, bijvoorbeeld veel ruimte, één accent per scherm en geen decoratie zonder functie.
  4. Eén concreet voorbeeld dat het gewenste ritme, contrast of beeldgebruik laat zien.

Welke prompt maakt een AI-website minder generiek?

Startprompt voor visuele richting

Bouw eerst alleen de hero-sectie. Gebruik dit systeem voor elke keuze: Kleuren: - Canvas: #FAF6F0 - Inkt: #1C1917 - Accent: #C2410C, alleen voor primaire acties Typografie: - Koppen: Fraunces, gewicht 400-600 - Lopende tekst: Inter, gewicht 400/500 Richting: - Rustig, veel witruimte, één blikvanger - Geen gradients en geen decoratieve ruis Wacht op mijn feedback voordat je een tweede sectie bouwt.

Deze prompt is geen magische formule. De waarde zit in de beslissingen die hij vastlegt en in de kleine scope. Als de hero klopt, bewaar je wat werkt en trek je dezelfde regels door naar de volgende sectie.

Hoe stuur je AI bij zonder opnieuw te beginnen?

  • Benoem het zichtbare probleem: "de accentkleur trekt te veel aandacht" is beter dan "maak het subtieler".
  • Verander één variabele: eerst contrast, daarna spacing, daarna typografie.
  • Vraag om een korte uitleg van de wijziging, zodat je weet welke regel je later bewaart.
  • Bewaar een versie die werkt in je vault of contextbestand voordat je de volgende richting test.

Veelgestelde vragen

Kan AI wel een uniek webdesign maken?

Ja, maar uniek ontstaat niet uit één vage opdracht. Geef het model concrete waarden, voorbeelden en grenzen, en beoordeel het resultaat per sectie. De combinatie van jouw keuzes en een herhaalbare context maakt het ontwerp herkenbaar.

Moet ik eerst kunnen designen?

Nee. Je kunt beginnen met een bestaand palette of typografieasset en daarna leren welke rol elke keuze speelt. Struq maakt die visuele context expliciet, zodat je niet alleen op gevoel hoeft te sturen.

Waarom werkt "maak het mooier" niet goed?

Omdat mooier geen meetbare richting geeft. Beschrijf wat er moet veranderen, zoals meer contrast, minder ruimte tussen twee blokken of één accentkleur in plaats van drie. Dan kan je AI gericht aanpassen.

Gratis bibliotheek

Alles uit deze gids staat klaar om te kopiëren.

Paletten, font-pairings en prompts, gecureerd en gratis. Plak ze in je AI en zie meteen verschil.

Open de galerij