De korte versie
- Een merkkit is de verzameling kant-en-klare bestanden waarmee iedereen werk in je huisstijl kan maken: logo’s, kleurcodes, lettertypen, achtergronden, sjablonen, goedgekeurde beelden en de stijlgids.
- Logo’s horen in de kit als svg voor schermen, een transparante png voor alledaagse tools en eenkleurige versies in zwart en wit.
- Kleurcodes staan het best in elke notatie die mensen nodig hebben, meestal hex en RGB voor schermen en CMYK voor drukwerk.
- Achtergronden en sjablonen zijn de meest gebruikte en het vaakst vergeten onderdelen van een merkkit.
- Een merkkit blijft netjes met één plek, één eigenaar, duidelijke bestandsnamen en een archiefmap voor alles wat is uitgefaseerd.
Op deze pagina
Een merkkit is de set kant-en-klare bestanden die iedereen nodig heeft om iets in je huisstijl te maken: logobestanden, kleurcodes, lettertypen, achtergronden, sjablonen, goedgekeurde afbeeldingen en een korte stijlgids. Waar de huisstijlgids de regels uitlegt, geeft de kit het materiaal. Met een goede kit kan een freelancer, een nieuwe collega of een AI-assistent binnen minuten aan de slag zonder je één vraag te stellen.
De merkkit-checklist
| Onderdeel | Wat erin hoort | Waarom het telt |
|---|---|---|
| Logo | Svg, transparante png, eenkleurig zwart en wit, vierkante avatarversie | Elke tool en achtergrond vraagt een ander bestand |
| Kleuren | Namen, hex-, RGB- en CMYK-codes, met de rol van elke kleur | Voorkomt dat mensen kleuren uit screenshots overnemen |
| Lettertypen | Namen van lettertypen met downloadlinks of bestanden, plus licentienotities | Voorkomt vervangers die het hele gevoel veranderen |
| Achtergronden | Kenmerkende achtergrond in gangbare formaten, CSS-code, vlakke terugvalkleur | Vult het grootste deel van de meeste ontwerpen |
| Sjablonen | Je meest gebruikte posts, stories, dia’s en e-mailheader | De snelste manier om werk consistent te houden |
| Beeld | Goedgekeurde foto’s, illustraties of iconensets | Houdt stockbeeld buiten de deur |
| Stijlgids | De regels op één pagina als pdf of link | Legt uit wanneer je welk bestand gebruikt |
Het helpt te bedenken wie de kit opent en wat iedereen als eerste pakt:
- Een socialmediamanager wil sjablonen en achtergronden in de juiste formaten
- Een webontwikkelaar wil het svg-logo, de kleurcodes als CSS en de bronnen van de lettertypen
- Een drukker wil het drukwerklogo, CMYK-waarden en eventuele steunkleuren
- Een nieuwe collega wil de gids van één pagina en één goed voorbeeld van elk formaat
- Een AI-assistent wil de regels als platte tekst en de kleuren als codes
Logobestanden: welke formaten heb je nodig
Eén logo, meerdere bestanden. Elk formaat lost een ander probleem op, en het verkeerde is meestal de oorzaak van wazige, omkaderde of verkeerd gekleurde logo’s.
| Formaat | Gebruik het voor | Let op |
|---|---|---|
| SVG | Websites, apps en alles wat schaalt | Sommige kantoor- en socialtools accepteren het niet |
| PNG, transparant | Dia’s, documenten, socialtools, e-mail | Exporteer groot, bijvoorbeeld 2.000 px breed, zodat het scherp blijft |
| PDF of EPS | Drukwerk, bewegwijzering en merchandise | Stuur het naar drukkers, niet naar sociale media |
| JPEG | Bijna nooit voor logo’s | Geen transparantie, dus het komt aan in een wit vak |
Neem ook een versie op die werkt op je kenmerkende achtergrond. Een logo dat verdwijnt op je eigen kleurverloop is een veelvoorkomend en vermijdbaar probleem; een logo op een kleurverloop plaatsen legt de oplossingen uit.
Kleuren, lettertypen en de rest van de basis
:root {
--night-blue: #0e1424; /* rgb(14 20 36) grounds, 60% */
--flour: #f3e6d0; /* rgb(243 230 208) text and panels, 30% */
--oven-glow: #e0823d; /* rgb(224 130 61) accents only, 10% */
--crust: #6b4a2f; /* rgb(107 74 47) support */
/* Signature background, with the flat fallback first */
--ground: #0e1424;
--ground-gradient: radial-gradient(90% 70% at 50% 110%, #e0823d 0%, #6b4a2f 25%, #1b2238 55%, #0e1424 100%);
}Noteer bij lettertypen waar elk vandaan komt en wat de licentie toestaat. Veel goede lettertypen zijn gratis op Google Fonts; commerciële lettertypen vragen vaak een licentie per persoon of per website, dus schrijf dat op. Zo kies je huisstijllettertypen helpt bij de keuze zelf.
Achtergronden en sjablonen: de bestanden die mensen het meest gebruiken
Logo’s krijgen de aandacht, maar achtergronden en sjablonen worden gebruikt. Maak je kenmerkende achtergrond klaar in de formaten die je het vaakst publiceert, zodat niemand een vierkant beeld in een banner uitrekt. Bouw daarna sjablonen erbovenop.
Post 4:5
1080 × 1350
Story 9:16
1080 × 1920
Dia 16:9
1920 × 1080
Linkvoorbeeld
1200 × 630
E-mailheader
1200 × 600
LinkedIn-banner
1584 × 396
Een mapstructuur voor je merkkit die netjes blijft
brand-kit/
00-read-me-first.pdf (the one-page style guide)
01-logo/
cornerloaf-logo-primary.svg
cornerloaf-logo-primary.png
cornerloaf-logo-white.png
cornerloaf-logo-black.png
cornerloaf-avatar-square.png
print/cornerloaf-logo-primary.pdf
02-colour/
colours.css
colours.pdf (hex, RGB, CMYK, names, jobs)
03-type/
fonts.txt (names, links, licence notes)
04-backgrounds/
ground-1080x1350.png
ground-1080x1920.png
ground-1920x1080.png
05-templates/
06-imagery/
_archive/ (retired files, never deleted)Rommelige kit
- logo-definitief-v3-NIEUW-gebruik-dit.png
- Vijf kopieën van de kit op verschillende schijven
- Oude en nieuwe kleuren naast elkaar
- Lettertypen genoemd maar niet gelinkt
Nette kit
- brand-logo-white.png, genoemd naar wat het is
- Eén plek, overal naar gelinkt
- Uitgefaseerde bestanden verplaatst naar _archive
- Elk lettertype met bron en licentie
Zo houd je een merkkit actueel
- 1
Eén plek, één eigenaar
Bewaar één hoofdkopie en noem één persoon die hem mag wijzigen. Iedereen verwijst ernaar in plaats van kopieën te downloaden.
- 2
Noem bestanden naar wat ze zijn
Merk, onderdeel, variant, formaat. Nooit “definitief” of “nieuw”: dat klopt na een week niet meer.
- 3
Archiveer, verwijder niet
Wordt iets uitgefaseerd, verplaats het dan naar een archiefmap. Oude bestanden naast nieuwe zijn hoe oude kleuren terugkomen.
- 4
Bekijk hem na elke wijziging
Nieuw sjabloon, nieuwe kleur, nieuwe logocombinatie: werk de kit dezelfde dag bij, daarna de stijlgids. Zie merkconsistentie voor waarom verloop hier begint.
Gradiently bewaart een merkkit in de Studio, met je logo’s, kleuren en lettertypen één klik van elk ontwerp, en de Designer past hem toe wanneer die werk maakt of bewerkt. Run je meer dan één merk, dan krijgt elk zijn eigen kit en Marks. Je merkkit instellen in Gradiently loopt er stap voor stap doorheen.
Vragen die mensen stellen
Wat is een merkkit?
Een merkkit is een verzameling kant-en-klare huisstijlbestanden: logo’s, kleurcodes, lettertypen, achtergronden, sjablonen, goedgekeurd beeld en een korte stijlgids.
Welke logobestanden horen in een merkkit?
Een svg en een transparante png van het hoofdlogo, witte en zwarte eenkleurige versies, een vierkante avatarversie en een pdf of eps voor drukwerk.
Wat is het verschil tussen een merkkit en een stijlgids?
De stijlgids bevat de regels; de merkkit de bestanden. De kit hoort de gids te bevatten, en de gids hoort te zeggen waar de kit staat.
Hoe deel ik een merkkit met een freelancer?
Deel een link naar de ene hoofdmap, met de stijlgids bovenaan. Stuur geen kopieën, want die raken verouderd.
Geschreven door Gradiently
Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.
Bekijk ons profiel
