Brand Style
Guide
Visuele identiteit & communicatierichtlijnen
Versie 1.0 — 2026
Inhoudsopgave
01 — Kleurenpalet
Onze kleuren
Oranje is het hart van TalkMate. Warm, energiek en betrouwbaar. Gecombineerd met diep donker en schone witte tinten.
Primaire kleuren
TalkMate Orange
#FF7A1F
Primaire kleur. CTAs, accenten, headers.
Orange Dark
#E56A10
Hover states, pressed states.
Orange Light
#FFF0E6
Achtergronden, tag-fills, highlights.
TalkMate Black
#0F1623
Headers, hero-achtergronden.
Neutrale kleuren
Dark
#1F2937
Primaire tekst, donkere knoppen.
Muted
#6B7280
Subtekst, labels, placeholders.
Border
#E5E7EB
Randen van cards, inputs, dividers.
Light
#F3F4F6
Achtergrond van secties, ghost knoppen.
Warm White
#FDF9F6
Pagina-achtergrond. Warm en uitnodigend.
White
#FFFFFF
Card-achtergronden, modals, widget.
Functionele kleuren
WhatsApp Green
#25D366
Uitsluitend voor WhatsApp-gerelateerde UI.
Online Green
#4ADE80
Status-indicator in de widget.
Error Red
#EF4444
Foutmeldingen, destructieve acties.
Gebruik oranje spaarzaam buiten CTAs. Te veel oranje verdunt het effect. Gebruik het primair voor knoppen, highlights en de header van de widget. Vul aan met de neutrale kleuren.
02 — Typografie
Inter
We gebruiken uitsluitend Inter. Modern, leesbaar op alle schermgroottes en beschikbaar via Google Fonts.
De toekomst van klantcontact
Display / Hero
48px • 800 • -1.5px tracking
Nooit meer een gemiste klant
H1 / Section Title
32px • 700 • -0.5px tracking
Altijd bereikbaar, zelfs als jij dat niet bent
H2 / Subtitle
22px • 600
TalkMate neemt de telefoon op, beantwoordt vragen en noteert verzoeken.
Lead / Intro tekst
17px • 500
Onze AI-voice agents nemen altijd op, beantwoorden direct vragen en sturen links of boekingslinks. Zo kunnen ondernemers doen waar ze goed in zijn.
Body tekst
15px • 400 • 1.65 leading
Ondersteunende beschrijving, meta-informatie en labels.
Caption / Meta
13px • 400
Sectie label • Categorie
Eyebrow / Label
11px • 700 • uppercase • +0.1em
Laden via Google Fonts: Inter:wght@400;500;600;700;800 — Altijd font-weight 400, 500, 600, 700 en 800 inladen. Geen andere fonts gebruiken.
04 — Knoppen & badges
Knoppen
Gebruik primaire oranje knoppen voor de hoofdactie op een pagina. Max. 1 primaire knop per sectie.
Start nu gratis Plan een gesprek Meer informatie Bekijk demo
Klein — sm Normaal — md Groot — lg
Pill variant Pill donker Pill outline
Badges
Actief AI-powered MKB Online Offline AVG-proof 340+ bedrijven
05 — Kaarten & componenten
Feature cards
Kaarten hebben altijd een witte achtergrond, subtiele rand en 20px border-radius.
Altijd bereikbaar
Nooit meer een gemiste oproep. De AI neemt altijd op, ook buiten kantoortijden.
Binnen 2 minuten live
Geen technische kennis nodig. Koppel je nummer en jouw TalkMate is actief.
AVG-proof in de EU
Alle data blijft binnen Europa. Veilig, transparant en compliant.
06 — Spacing & radius
Spacing systeem
Gebaseerd op een 4px grid. Gebruik veelvouden van 4 voor consistente witruimte.
4px
xs
8px
sm
12px
md
16px
lg
24px
xl
32px
2xl
48px
3xl
64px
4xl
80px
section
Border radius
4px
micro
8px
sm
12px
md
16px
lg
20px
xl
28px
2xl
full
pill
07 — Iconografie
Lucide icons
We gebruiken uitsluitend Lucide icons. Stroke-based, 2px lijndikte, consistent en modern. Geen filled of andere icon-libraries mengen.
phone
message-square
clock
check
shield
zap
info
users
plus
arrow-right
calendar
search
Grootte: gebruik 16px (sm), 20px (md) of 24px (lg) voor iconen. Nooit andere maten. In knoppen: altijd 18px, links van de tekst geplaatst, 6-8px gap.
08 — Tone of voice
Hoe we schrijven
TalkMate praat zoals een betrouwbare, slimme collega. Direct, warm en zonder opsmuk. We schrijven altijd in het Nederlands, tenzij expliciet anders gevraagd.
Directheid
Kom direct to the point
Begin niet met onnodige inleiding
Warmte
Gebruik "jij" en "jouw"
Geen stijve "u" tenzij expliciet gevraagd
Vertrouwen
Concrete claims met bewijs
Geen vage superlatieven ("beste ooit")
Eenvoud
Korte zinnen, actieve vorm
Geen jargon, acroniemen of AI-speak
Empathie
Begin met het probleem van de klant
Niet starten met over ons product
Urgentie
Maak de kosten van wachten voelbaar
Geen nepdiscounts of valse urgentie
Zo wel vs. zo niet
Zo wel
"Nooit meer een gemiste klant. TalkMate neemt de telefoon op terwijl jij aan het werk bent."
Zo niet
"TalkMate is een innovatieve AI-oplossing die uw bedrijfsprocessen optimaliseert."
Zo wel
"Altijd bereikbaar, ook als jij dat niet bent."
Zo niet
"Onze state-of-the-art AI-technologie garandeert 24/7 availability voor uw klanten."
Zo wel
"Binnen 2 minuten live. Geen technische kennis nodig."
Zo niet
"De implementatie van ons platform is uiterst eenvoudig en gebruikersvriendelijk."
CTA — Zo wel
"Start nu gratis" / "Plan een gesprek" / "Bekijk hoe het werkt"
CTA — Zo niet
"Klik hier" / "Meer informatie" / "Neem contact op"
Gouden regel: schrijf voor de ondernemer die 7 dagen per week "aan" staat. Die heeft geen tijd voor wollige taal. Vertel in 1 zin wat TalkMate doet en waarom dat zijn leven makkelijker maakt.
TalkMate Brand Guide — Versie 1.0 — 2026
Intern document. Niet voor externe distributie.