De methode
Zo gebruik je Struq in je eigen project.
Je kiest een visuele richting, past die aan en geeft je keuzes door aan je AI-tool. Hieronder staat wat die tool nodig heeft om jouw ontwerp te bouwen in plaats van een standaardsjabloon, in gewoon Nederlands.
Je AI-tool kent jouw project nog niet.
Een AI-tool kan veel bouwen, maar weet niets van jouw stijl, je publiek of wat je al hebt staan. Vraag je alleen om "iets moois", dan krijg je het veiligste antwoord dat het internet kent. Geef je de kleuren, de lettertypes en de toon mee, dan bouwt diezelfde tool wat jij bedoelt.
Zonder context: het internet-gemiddelde
Koffie die je dag draagt
Met context: jouw smaak, elke keer
De opbouw
Goede AI-output heeft drie lagen.
Laag 1
De vraag
Wat je wilt hebben. "Maak een hero-sectie." Dit is het enige dat de meeste mensen hun AI geven.
Laag 2
De regels
Jouw kleuren, fonts, toon en grenzen. Vastgelegd in een context-bestand, zodat je het nooit opnieuw hoeft uit te leggen.
Laag 3
De smaak
Voorbeelden van wat goed is. Een AI die ziet wat jij mooi vindt, bouwt in die richting verder.
Het geheim is klein
Eén tekstbestand verandert alles.
Een .md-bestand is niets engs: gewoon een tekstbestand met een duidelijke structuur. Daarin zet je één keer je kleuren, je fonts, je toon en je regels. Elke AI-tool leest het mee, bij elke opdracht. Het is het inwerkdocument voor je digitale collega.
design-context.md
- Kleuren
- Warm papier, donkere inkt, één vlam-oranje accent. Nooit gradients.
- Typografie
- Comfortaa voor koppen, groot en rustig. Nunito Sans voor lopende tekst.
- Toon
- Warm, direct, Nederlands. Geen jargon, geen uitroeptekens.
- Beweging
- Zachte entrees van onder, nooit alleen een fade. Alles voelt gewogen.
AI-koppeling
Laat je AI-tool Struq zelf raadplegen.
Je kunt elke instructie kopiëren en in je AI-tool plakken. Werk je in een AI-code-editor, dan kan die editor Struq ook rechtstreeks bevragen. Die verbinding heet MCP. Je stelt hem één keer in.
Met een gratis account
Richtingadvies
Beschrijf je project in een paar zinnen. Je krijgt een passende visuele richting terug, met de reden erbij.
Controle op samenhang
Laat een React- en Tailwind-project nakijken op ontwerpafspraken, met een volgorde om ze te herstellen.
Met Pro
De bibliotheek in je editor
Paletten, typografie, secties en beeld opzoeken en gebruiken, plus je eigen bewaarde onderdelen en recepten.
De begeleide bouwroute
Een bouwplan, de projectschil, een instructie per sectie, de bewegingsrecepten en een controle van het resultaat.
Zo klinkt dat in de praktijk
Jij vraagt: welke visuele richting past bij een rustige boekhoudsite voor zzp'ers?
Je AI haalt op: een passend palet en een lettercombinatie uit de canon, met de onderbouwing waarom ze bij dat publiek werken. Daarna bouwt je AI ermee verder in je eigen project.
Werkt met
- Claude en Claude Code
- Codex
- Cursor
- Antigravity
- Windsurf
- VS Code
Instellen vraagt een account, omdat je AI-tool namens jou toegang krijgt. Kopiëren en plakken blijft werken zonder account.
De kortste weg
Je kunt dit zelf opbouwen. Of vandaag beginnen.
Alles wat je hierboven las kun je zelf uitzoeken, verzamelen en bijhouden. Struq doet dat voor je: afgestemde kleuren en lettertypes, visuele recepten en bewaarde keuzes die je in een volgend project opnieuw gebruikt. Jij kiest wat bij je project past.