Merkdocumentatie · gemeten, niet geraden
Fonts, kleuren, typografie en beeldstijl van Promocorp en haar merken — Buttonboss, The Peppermint Company, Care Concepts, Clipfactory en Markclip — afgelezen van de live sites.
Vier merken op één codebase: alleen logo, hoofdkleur en knopfont verschillen.
Buttonboss, Peppermint, Care Concepts en Clipfactory delen layout, typografie (Roboto), componenten en hosting. Het Promocorp-logo is letterlijk uit de vier merkkleuren opgebouwd. Markclip staat er als losse WooCommerce-shop naast. Voor een redesign betekent dit: één systeem ontwerpen, vier keer tokens wisselen.
De holding. Eén pagina: welkom, vier merklogo's, adres. Ook de landingsplek voor easyorange.nl.
Vier bedrijven, één moeder
Roboto in alle gewichten, self-hosted. Geen koppen op de pagina — er is geen H1, alleen lopende tekst en logo's.
Gezet in het echte font. Roboto is gratis.
| Rol | Font | Grootte | Gewicht |
|---|---|---|---|
| Body | Roboto | 16 / 24 | 400 |
| Beschikbaar | Roboto Thin–Black | — | 100–900 |
| Iconen | Font Awesome 5 | — | — |
Zwart, blauw, lichtblauw en groen in het Promocorp-logo zijn de kleuren van Clipfactory, Peppermint en het platform-groen. De holding heeft geen eigen kleur; ze bestaat uit haar dochters. Dat is een bruikbaar uitgangspunt voor een groepsidentiteit.
corp/images/.Assets corp/ — logo PNG 480×135, Joomla-favicons, merklogo's buttonboss / peppermint / careconcepts / clipfactory
Buttons, caps, borduurwerk en buttonmachines. Caps onder het submerk Kingcap; kingcap.nl verwijst door naar deze site.
Buttons · Caps · Embroidery
Roboto voor body en navigatie op 15px, Roboto Condensed voor knoppen. Myriad Pro (Adobe Fonts) is het merkfont voor koppen en accenten.
Kop gezet in Roboto Condensed — het echte knopfont. Bodytekst staat op de site in #a2a9ad: contrast ~2,6:1.
| Rol | Font | Grootte | Gewicht |
|---|---|---|---|
| Body / nav | Roboto | 15 / 24 | 400 |
| Paragraaf | systeem sans | 15 / 24 | 400 |
| Knop | Roboto Condensed | 15 / 15 | 400 |
| Merk | Myriad Pro (4 breedtes) | — | 400 / 700 |
Roboto en Roboto Condensed zijn gratis. Myriad Pro loopt via Adobe Fonts — vrij alternatief met dezelfde afkomst: Source Sans 3.
Assets buttonboss/ — logo SVG 180×41, favicon-set, 4 categoriefoto's
Pepermunt, snoep, snacks en chocolade als promotieartikel. Het merk King heeft op de site geen eigen gezicht.
Frisse promotie
Zelfde platform-typografie (Roboto 15px), maar de knoppen staan in Avenir LT 85 Heavy — het zwaarste knopfont van de vier.
Kop gezet in Nunito Sans 900 als vrije Avenir-stand-in. Tekst in Roboto — het echte font.
| Rol | Font | Grootte | Gewicht |
|---|---|---|---|
| Body / nav | Roboto | 15 / 24 | 400 |
| Knop | Avenir LT 85 Heavy | 15 / 15 | — |
| Beschikbaar | Avenir LT 95 Black, Next Bold, Next Demi | — | — |
#00205c bedekt 66 % van de homepage; het lichtblauw uit het logo (#97caeb) is het enige lichte accent. Wie Peppermint naast Buttonboss zet, ziet twee navy sites — het lichtblauw is wat ze uit elkaar houdt.
Assets peppermint/ — logo SVG (#00205c + #97caeb), favicon-set, 4 categoriefoto's wk36
Promotionele verzorgingsproducten en private-label water. Het enige merk met lifestyle-fotografie.
Care, water & private label
Platform-typografie in Roboto; knoppen in Myriad Pro 600. Verder identiek aan de zustersites.
Kop gezet in Source Sans 3 als vrije Myriad-stand-in.
| Rol | Font | Grootte | Gewicht |
|---|---|---|---|
| Body / nav | Roboto | 15 / 24 | 400 |
| Knop | Myriad Pro | 15 / 15 | 600 |
Paars op donkerpaars, waar de rest navy, blauw of zwart is. Care Concepts is daardoor het makkelijkst herkenbaar — en het lastigst in een groepsraster te passen.
Assets careconcepts/ — logo SVG, favicon-set, lifestyle, water, 2 categoriebanners 2026
Bedrukte paperclips onder Markclip® en Promoclip®. Promoclip.com verwijst hierheen; Markclip heeft een eigen shop.
Clips die blijven hangen
Platform-typografie in Roboto; knoppen in Avenir Next Bold.
Kop gezet in Nunito Sans 800 als vrije Avenir-stand-in.
| Rol | Font | Grootte | Gewicht |
|---|---|---|---|
| Body / nav | Roboto | 15 / 24 | 400 |
| Knop | Avenir Next Bold | 15 / 15 | — |
Het logo draagt drie kleuren; de site gebruikt zwart als header en blauw als vlak. Het rood komt alleen in het logo terug. Dat blauw (#00539f) is ook het blauw in het Promocorp-logo.
Assets clipfactory/ — logo SVG (3 kleuren), favicon-set, 4 categoriefoto's
Losse webshop voor bedrukte paperclips. Buiten het platform, eigen donker thema, in 2026 herbouwd.
Bedrukte paperclips, direct besteld
Lato in twee gewichten: 400 voor tekst, 800 voor alle koppen. Koppen zijn wit op donker. Als enige site van de groep met een H1.
Gezet in het echte font. Lato is gratis.
| Rol | Font | Grootte | Gewicht |
|---|---|---|---|
| Body / nav | Lato | 16 / 24 | 400 |
| H1 | Lato | 32 / 40 | 800 |
| H2 | Lato | 20 / 28 | 800 |
| H3 | Lato | 16 / 24 | 800 |
Donker thema met eigen blauw, Bootstrap-defaults in de CSS, standaard WordPress-theme eronder. Keuze voor een redesign: in het platform trekken (dan is Markclip een categorie van Clipfactory) of bewust anders laten als directe webshop.
Assets markclip/ — logo SVG zwart + wit, webp-favicons, kerstbanner, 7 categoriebeelden
| Font | Waar | Licentie | Vrij alternatief |
|---|---|---|---|
| Roboto | Promocorp · platform (body) | Google Fonts | — |
| Roboto Condensed | Buttonboss (knop) | Google Fonts | — |
| Lato | Markclip | Google Fonts | — |
| Myriad Pro | Buttonboss · Care Concepts | Adobe Fonts | Source Sans 3 |
| Avenir LT / Next | Peppermint · Clipfactory | Adobe Fonts | Nunito Sans · Mulish |
Eén platform, vier kleuren. Ontwerp één keer en wissel per merk alleen tokens. Dat model is het waard om te behouden.
Navy, blauw, paars, zwart. Het onderscheid zit in de tint, niet in de helderheid. Geef de secundaire kleuren (lichtblauw, paars, blauw, rood) een grotere rol.
Lichtgrijze bodytekst (#a2a9ad) en nergens een H1. Repareren is gratis winst.
Kingcap, King en Promoclip hebben geen visuele identiteit. Moeten ze bestaan, dan moet dat ontworpen worden.
Donkere WooCommerce-shop met eigen blauw. Erin trekken of bewust anders laten — maar kies.
U:\klanten\promocorp\DESIGN-BOOK.md — deze documentatie als markdown
U:\klanten\promocorp\design-tokens.json — fonts, kleuren en schalen machineleesbaar
U:\klanten\promocorp\TECH-ANALYSE.md — platform, leeftijd, hosting en snelheid per site
U:\klanten\promocorp\HERO-BRIEF.md — voorstel + prompts voor nieuwe hero-headers
corp\ · buttonboss\ · peppermint\ · careconcepts\ · clipfactory\ · markclip\ — elk met logo\, favicon\, images\