13. Je design system opzetten in Claude

Alle skills en modules bouwen iets voor je: dashboards, documenten, offertes, presentaties. Wil je dat die er uitzien als van jouw kantoor, dan zet je eerst je design system op in Claude. Dat doe je één keer. Daarna gebruikt Claude je kleuren, je lettertype en je toon in alles wat hij maakt.

Waarom eerst het design system?

• Alles in je huisstijl, meteen. De skills en modules maken dashboards en documenten voor je. Met een design system zijn die vanaf de eerste keer in jouw kleuren en lettertype.

• Eén keer instellen, overal gebruikt. Elke collega in je kantoor krijgt dezelfde look, in elke skill en module.

• Geen nabewerking. Je moet een dashboard of offerte niet meer herkleuren voor je het deelt.

Wat heb je nodig?

• De Finibase-connector, gekoppeld aan Claude (zie 2. Wat is een MCP-connector).

• De website van je kantoor. Claude haalt je huisstijl daaruit.

• Schrijfrecht op de Finibase Wiki, zodat de pagina Huisstijl bijgewerkt kan worden.

Stap 1: je huisstijl laten ophalen

1. Typ /huisstijl-opmaken (zie 12. Skills importeren in Claude om de skill toe te voegen), of vraag gewoon "haal onze huisstijl op". De huisstijl kan Claude ook rechtstreeks via de Finibase-connector opzetten, zonder download.

2. Geef de website van je kantoor mee. Staat ze nergens in de Finibase Wiki, dan vraagt Claude ernaar.

3. Claude leest de website en haalt er je kleuren, je lettertype en de manier waarop jullie jezelf en je klanten noemen uit. Hij stelt ook een kleurenpalet voor grafieken samen, in een lichte en een donkere variant, en controleert of alles leesbaar is.

4. Je keurt het voorstel goed. Claude zet het op de pagina Huisstijl in de Finibase Wiki, zonder wat je zelf schreef te wissen.

Een logo slaat Claude bewust niet op: dashboards kunnen geen afbeeldingen van buitenaf laden. Waar een logo zou staan, gebruikt Claude je naam als tekstlogo in je hoofdkleur.

Stap 2: uitbreiden als je meer wil dan kleuren en lettertype

Wil je verder gaan, met bijvoorbeeld componenten, spaties en voorbeelden? Bouw je huisstijl dan uit met de designtools van Claude. Vraag daarna aan Claude om de kernpunten op de pagina Huisstijl in de Finibase Wiki te zetten. Zo gebruikt elk dashboard dat Claude maakt ze. Claude zet er bewust niet het hele document in: een pagina die je in één oogopslag leest, blijft ook bruikbaar.

Controleer of het werkt

Open de pagina Huisstijl in de Finibase Wiki: je ziet er je kleuren, je lettertype, het datapalet en je toon. Vraag Claude daarna om een klein testdashboard, bijvoorbeeld "maak een dashboard met het aantal klanten per sector". Zie je je eigen kleuren en lettertype, dan ben je klaar om een skill of module te starten.