Naar inhoud

De visuele bibliotheek voor AI-builders

Bouw front-ends die niemand van je verwacht.

Kant-en-klare paletten, typografie, secties en media waarmee jouw AI opeens vormgeeft als een topstudio. Jij kiest wat je mooi vindt, je AI bouwt het, en onderweg leer je waarom het werkt.

Geen account nodig · Werkt met Claude Code, Cursor en Copilot · In het Nederlands

Hero-secties met karakterScroll-revealsKleursysteem Warm PapierMicro-interactiesPinned storytellingTypografie met smaakHero-secties met karakterScroll-revealsKleursysteem Warm PapierMicro-interactiesPinned storytellingTypografie met smaak
Buttons met gevoelAnimatie-receptenPaletten met karakterDesign-tokens3D-achtergrondenSecties met ritmeButtons met gevoelAnimatie-receptenPaletten met karakterDesign-tokens3D-achtergrondenSecties met ritme

Herken je dit?

Je vraagt om mooi.Je krijgt gedurfd.

jouwkoffiezaak.nlMet Struq-context
Zonder context

Welkom op onze website

Wij bieden kwaliteit, service en de beste oplossingen voor al uw wensen.

Feature one
Feature two
Feature three
Learn more

Koffie die je dag draagt

Sinds 1998

Single origin

Slow brew

Proef het verschil

Zelfde inhoud, andere context. Niet omdat jouw AI het niet kan, maar omdat niemand hem heeft verteld wat smaak is.

De omslag

Het ligt niet aan jou. En ook niet aan je AI.

AI is een versterker. Geef je vage input, dan krijg je het grijze gemiddelde van het hele internet terug. Geef je regels, voorbeelden en smaak, dan bouwt je AI alsof er een art director meekijkt.

Die regels, die voorbeelden en die smaak, precies dat is Struq. Een bibliotheek vol visuele kennis die je AI direct begrijpt, en die van jou elke week een betere bouwer maakt.

Lees hoe de methode werkt

De bouwstenen

Eén bibliotheek. Elke vorm smaak.

Palet, typografie, design system, en meer. Scroll en zie hoe de ene vorm in de andere overgaat.

Kleuren met karakter, klaar als tokens. Je AI kent opeens meer dan standaardblauw.

Lettercombinaties met spanning. Display, body en accent die samen kloppen.

Tokens, regels en ritme in één systeem. Je AI volgt het in elk scherm.

010203/ 03

Palet.

Typografie.

Design system.

De bibliotheek

Dit staat voor je klaar.

Geen losse plaatjes, maar recepten: elk asset komt met de context die je AI nodig heeft om het écht zo te bouwen.

Veeg naar rechts

Nieuw seizoen

Stilte, ruimteen één goed woord

Hero-secties

Eerste indrukken die blijven hangen, klaar om te kopiëren.

Scroll-regie

Gepinde scènes en reveals die je pagina een verhaal geven.

Papier

#fbf8f2

Inkt

#221d15

Vlam

#e4572e

Leem

#5c5546

Kleursystemen

Complete paletten met regels, zodat niets meer vloekt.

Ga er maar met je muis overheen

Voelt goed, toch?

Micro-interacties

Knoppen en details die duur aanvoelen.

design-system.md

De regels die je AI van grijs naar gedurfd brengen.

Design systems

De onzichtbare helft: het systeem dat je AI smaak geeft.

Zo werkt het

Van saai naar stunning in drie stappen.

Kies wat je mooi vindt

Blader door paletten, typografie, secties en media. Je ziet altijd eerst hoe het eruitziet, pas daarna wat erachter zit.

Geef het aan je AI

Eén klik kopieert het asset als context die je AI begrijpt. Plak het in Claude Code, Cursor of welke tool je ook gebruikt.

Zie je pagina veranderen

Je AI bouwt met smaak in plaats van te gokken. En omdat elk recept uitlegt waarom het werkt, word jij er elke keer beter van.

Het gereedschap

Jouw geheugen. Altijd bij de hand.

Alles wat je verzamelt en leert komt in je eigen vault terecht. Die groeit met je mee, project na project.

Eén vault voor alles wat werkt

Paletten, typografie, design systems, secties en media. Nooit meer zoeken in oude chats.

Kits: bundels voor je AI

Bundel assets tot een kit en geef je AI in één keer alles wat een project nodig heeft.

Direct in je tools

Via MCP praat je vault rechtstreeks met Claude Code en Cursor. Je assets zijn er gewoon, altijd.

Het geheugen

Elke nieuwe chat begint bij nul.

Je AI is briljant, en vergeet alles wat jullie samen uitvonden.

Tenzij jij het geheugen meebrengt.

Je regels, je smaak, je manier van bouwen. Vastgelegd, herbruikbaar.

Struq onthoudt. Jij schaalt.

Bekijk de bibliotheek

Geen account nodig · Direct in Claude Code en Cursor

Prijzen

Gratis blijft gratis.

Kleur, letters en iconen kosten niets, nu niet en later niet. Je betaalt pas als je de templates, de code en de beweging erbij wilt.

Gratis

Alles wat er vandaag staat. Zonder account, zonder sterretje.

€0voor altijd

Geen account, geen creditcard

  • De hele bibliotheek: paletten, typografie, secties en media
  • Kleur, letters en iconen in je recept
  • Elke prompt kopieerbaar, direct plakbaar in elke AI
  • Nieuwe canon komt hier 90 dagen na de drop bij

Licentie

Gebruik alles waarvoor je wilt, ook betaald klantwerk.

Pro

Voor de meeste bouwers

De beweging erbij, plus je vault in je AI-tool.

€10per maand

€120 per jaar, in één keer

  • De beweging erbij: smooth scroll, reveals, pinned secties
  • Werkende code en de prompt, per effect
  • Je vault in Claude Code en Cursor, zonder kopiëren
  • Elke nieuwe drop meteen, niet drie maanden later

Licentie

Eén persoon, onbeperkt projecten, ook betaald klantwerk.

Studio

Voor bureaus die dit vaker dan eens per jaar nodig hebben.

€24,17per maand

€290 per jaar, in één keer

  • Alles uit Pro, voor maximaal 5 mensen
  • De volledige broncode van elke template
  • Nieuwe builds als repo, niet alleen als recept

Licentie

Tot 5 mensen, onbeperkt klantwerk, broncode inbegrepen.

Opzeggen kan altijd.

Nog even eerlijk

Alles wat je je afvraagt.

Staat je vraag er niet tussen? Stel hem gerust via de chat zodra je binnen bent.

Juist dan. Struq bestaat zodat je geen designachtergrond nodig hebt: elk visueel asset komt met de smaak en de regels al ingebakken. Jij kiest wat je mooi vindt, je AI bouwt het na, en de uitleg erbij maakt je elke week een betere bouwer.