↖ Terug naar uitgelicht werk

Forma.

/ CONCEPT · 2026
Visuele verkenning voor Forma met een abstracte, vloeiende pastelvorm
FORMA / DESIGN SYSTEM-EXPERIMENTDesign × Code × AI ↗
01 / DE UITDAGING

Een samenhangend systeem voor het volgende idee.

Forma is een fictief concept. De uitdaging: websites worden vaak pagina voor pagina ontworpen, waardoor elke nieuwe pagina opnieuw begint.

Forma onderzoekt het alternatief: merkdenken, schaalbaar ontwerp en ontwikkeling met AI als één samenhangend proces, met heldere patronen, doordachte typografie en componenten die klaar zijn om te groeien.

Expressieve oranje moodboardreferentie
Studie van kleur en beweging
02 / HET IDEE

Een taal, geen verzameling schermen.

De basis is een set semantische tokens, typografieregels, spacingprincipes en herbruikbare patronen. Elk component heeft een duidelijke rol en elke visuele keuze is terug te voeren op dezelfde bron.

  • Semantische kleur- en typografietokens
  • Herbruikbare interfaceblokken en statussen
  • Responsieve regels van desktop tot mobiel
  • Documentatie voor mensen en AI-tools
FORMA / SYSTEEMBIBLIOTHEEKDESIGN TOKENS / COMPONENTEN / PATRONEN
Eén systeem.
Elk oppervlak.
Primaire actie ↗Secundaire actie
AaTypeschaal12 / 16 / 24 / 48 / 96
03 / ONTWERPKEUZES

Mooi in Figma. Betrouwbaar in code.

Claude Code kan projectregels, tokens en componentdocumentatie lezen en helpt de goedgekeurde interface te bouwen in Astro. De ontwerper blijft verantwoordelijk voor interactiedetails, visuele controle en toegankelijkheid.

Dat is het voordeel: minder herhalend uitvoerwerk, meer tijd voor de beslissingen die ertoe doen.

Abstracte vloeiende vorm in een gedempt rood en grijs kleurenpaletVISUELE STUDIE / KLEUR IN BEWEGING
Verkenning van pastelkleurige optische textuur
Verkenning van vervaagde kleurrijke textuur
04 / WAT HET LAAT ZIEN

Maak ruimte voor het betere idee.

Forma laat zien hoe een doordachte ontwerptaal en een werkwijze met AI-ondersteunde ontwikkeling consistentie kunnen ondersteunen zonder expressief, origineel ontwerp op te geven.

Dit is een ontwerpconcept, gemaakt als voorbeeld van mijn proces. Het wordt niet gepresenteerd als opdracht van een klant of als bewijs van gemeten zakelijke resultaten.

VOLGENDE STAP

Laten we bouwen
wat er nu komt.

Start een gesprek ↗