Designsysteem
De input waar al je output uit komt.
Je huisstijl als werkend systeem: bestanden, regels, templates en een merkdocument voor AI. Wij ontwerpen het, bouwen het en leren je team ermee werken. Daarna maak je alles zelf.
04 Templates
Ontworpen voor wat jij maakt. Jij vult ze in.
- presentatie.pptxpptx8,6 MB
- instagram-post.figfigTemplate
- story.figfigTemplate
- nieuwsbrief.htmlhtml24 KB
- visitekaartje.pdfpdf220 KB
- poster.pdfpdf3,1 MB
- website.figfigFigma
Voorbeeld van een opgeleverd designsysteem. De inhoud stemmen we af op wat jij maakt.
Wat je ontvangt
Acht onderdelen, altijd dezelfde zorg.
- 01
Waar je merk voor staat
Karakter, doelgroep en principes, vertaald naar keuzes die je kunt toepassen.
- 02
Identiteit
Logo, kleur, letters, beeld, iconen, compositie en beweging.
- 03
Heldere afspraken
Welke kleur waarvoor, hoe groot, hoeveel ruimte. Met de uitzonderingen erbij.
- 04
Bestanden op orde
Alle goedgekeurde bestanden, logisch benoemd, met uitleg bij gebruik.
- 05
Templates
Op maat ontworpen voor alles wat je vaak maakt.
- 06
Bouwblokken
Herbruikbare onderdelen voor je website of product, als je die nodig hebt.
- 07
Klaar voor je tools
Ingericht voor de software en AI-tools die je team al gebruikt.
- 08
Onderhoud
Versies, wijzigingen en een vaste eigenaar. Zo blijft alles kloppen.
Regels die je kunt lezen
Iedere keuze heeft een reden.
Het logo staat altijd linksboven, met vrije ruimte eromheen ter grootte van de hoogte van het logo.
Bekijk de specificaties
logo.position = top-left
logo.clearspace = 1 × logo-hoogteDrie routes
Waar begin je?
Je merk op orde
Je hebt een goed logo, maar iedereen maakt alles anders.
Vaste prijs na de kennismaking
3 tot 5 weken
- Je huidige logo, kleuren en letters, helder vastgelegd
- Templates voor wat je het vaakst maakt
- Instructies voor AI-agents
- Een werksessie met je team
- Meest gekozen
Je merk vernieuwd
Je merk voelt gedateerd of past niet meer bij wie je nu bent.
Vaste prijs na de kennismaking
4 tot 7 weken
- Een vernieuwd logo, kleuren en letters
- Het complete designsysteem in één map
- Templates voor wat je het vaakst maakt
- Instructies voor AI-agents
- Hulp bij de overstap
Een nieuw merk
Je begint iets nieuws, of je begint helemaal opnieuw.
Vaste prijs na de kennismaking
6 tot 9 weken
- Positionering en merkverhaal
- Een nieuw logo en een eigen beeldtaal
- Het complete designsysteem in één map
- Templates, AI-instructies en overdracht
Kennismaking
Gratis
30 minuten, via video of bij jou op kantoor. Je hoort welke route past en wat het kost.
Twijfel je nog? Startsprint
1 à 2 weken: we bekijken je merk en al je materiaal, een werksessie met je team, eén eerste ontwerprichting.
Daarna
Nieuwe templates, extra toepassingen of een vaste ontwerper op afroep. Maandelijks opzegbaar.
Werkwijze
Zo komen we samen tot je systeem.
- 01
Kick-off
Eén intensieve sessie: wie je bent, wat je maakt, waar je heen wilt.
Een scherpe ontwerpvraag
- 02
Richting
Je ziet je merk meteen op echte toepassingen. Jij kiest, wij gaan door.
Een gekozen richting
- 03
Bouwen
Logo, kleuren, letters, templates en AI-instructies: alles wordt in één sprint uitgewerkt.
Je complete designsysteem
- 04
Maken
Je team maakt meteen zelf iets, met ons ernaast. Wat schuurt, lossen we direct op.
Een team dat zelf maakt
Wie ermee werkt
Eén bron, voor iedereen die maakt.
Je team
Templates voor wat je het vaakst maakt, met heldere grenzen.
Ontwerpers en bureaus
Een bibliotheek met onderdelen, regels en voorbeelden.
Ontwikkelaars
Kleuren, letters en bouwblokken direct in de code, met heldere instructies.
AI-tools
Recepten en voorbeelden van wat wel en niet mag, ingericht per tool.
Ons eigen systeem
Deze website is gebouwd zoals we opleveren.
Kleur
- color.paper#F3F3F0Papier. Koel gebroken wit voor grote vlakken.
- color.paper-raised#FFFFFFWit. Kaarten, vensters en formulieren.
- color.concrete#E5E5E1Beton. Ondersteunende vlakken.
- color.concrete-deep#D2D2CCLijnen en scheidingen.
- color.ink#0B0B0FInkt. Tekst, koppen en donkere secties (17,7:1 op papier).
- color.ink-raised#1A1A21Verhoogd vlak binnen donkere secties.
- color.graphite#5A5A63Grafiet. Bijschriften en metadata (6,1:1 op papier).
- color.volt#3A2BFFVolt. Acties en selectie. Altijd de volgende stap (6,4:1).
- color.volt-deep#2A1CE0Volt in hover en op beton.
- color.volt-light#A9A2FFVolt op donkere vlakken.
- color.acid#CCFF00Zuur. Accent en markering, nooit tekst op papier.
- color.ink-muted#A7A7B0Secundaire tekst op inkt (8,2:1).
Typeschaal
- size.4xlJij maakt er alles meeHero, 46–120px.
- size.3xlJij maakt er alles meeKop 1, 40–84px.
- size.2xlJij maakt er alles meeKop 2, 32–58px.
- size.xlJij maakt er alles meeKop 3, 24–36px.
- size.lgJij maakt er alles meeIntro, 19–24px.
- size.mdJij maakt er alles meeLopende tekst, 17–19px.
- size.smJij maakt er alles meeBijschriften, 15px.
Afstanden
- space.14px
- space.28px
- space.312px
- space.416px. Basisafstand binnen componenten.
- space.524px
- space.632px
- space.748px
- space.864px
- space.996px
- space.10128px
Beweging
- motion.fast160ms · Hover en focus.
- motion.base280ms · Panelen en wisselingen.
- motion.slow520ms · Grote demonstraties.
Veelgestelde vragen over designsystemen
Wat is het verschil tussen een huisstijlhandboek en een designsysteem?
Een handboek beschrijft regels. Een designsysteem levert ook de bouwstenen: tokens, templates, componenten en voorbeelden waarmee je die regels direct toepast. Het is gemaakt om mee te werken, niet alleen om te lezen.
Kunnen jullie ons bestaande merk omzetten naar een designsysteem?
Ja, dat is vaak het beste vertrekpunt. We maken bestaande keuzes expliciet, vullen de gaten aan en zetten templates en instructies klaar. Je logo hoeft daarvoor niet te veranderen.
Hebben we ontwikkelaars nodig?
Niet per se. Een marketingteam heeft vaak het meest aan goede templates en heldere regels. Bouw je zelf software, dan leveren we ook bouwblokken in code. We stemmen de oplevering af op hoe je werkelijk werkt.
Werkt het met onze bestaande tools?
We leveren op in de tools die je team gebruikt en testen dat met echte opdrachten. Welke tools en versies we ondersteunen, leggen we vast in het acceptatierapport.
Van wie is het systeem na oplevering?
Van jou. Je krijgt de bronbestanden en de afgesproken rechten, ook als we daarna niet samen verder gaan. Licenties van derden registreren we apart.
Klaar om je merk bruikbaar te maken?
Een half uur, gratis en vrijblijvend. Je hoort welke route bij je merk past en wat het kost.
- 30 minuten
- Gratis
- Binnen één werkdag een uitnodiging
Liever zelf een dag kiezen? Kies je moment of mail hallo@undesign.space
