De officiële referentie voor het merk 3webseiten.de: logo, kleur, typografie, componenten en tone of voice.
Versie 1.03webseiten.de
01 · Logo
Het woordmerk & de merkvierkanten
Drie gestapelde vierkanten, de bron van de merkgradient, naast het kleingeschreven woordmerk “3webseiten”. Gebruik het witte logo op het donkere canvas; bewaar het donkere logo uitsluitend voor lichte vlakken.
Houd rondom het logo minstens de hoogte van een vierkant als vrije ruimte aan.
Het witte logo op het bijna-zwarte canvas is de standaard.
Verkleur de vierkanten niet en plaats het witte logo niet op lichte achtergronden.
Rek, draai of verschaduw het logo niet.
02 · Kleur
Gelaagd bijna-zwart, chirurgische kleur
Alles blijft monochroom voor rust. Kleur verschijnt alleen als de merkgradient: op nadrukwoorden, primaire CTA’s, glows en focusringen.
Bricolage Grotesque draagt de display-koppen (gewicht 800, strakke tracking). Inter verzorgt de bodytekst. JetBrains Mono labelt eyebrows en code. Geen kunstmatige hoofdletters per woord (geen Title Case).
Buttons zijn volledige pillen; kaarten en panels gebruiken de grote radii. Elevatie is een diepe, donkere, diffuse slagschaduw, met een accent-glow voor uitgelichte elementen.
Hoekradii
8 · sm
12 · md
16 · lg
24 · xl
pill
Elevatie
card
panel
glow
05 · Iconografie
Lucide lijn-iconen
Eén iconensysteem: Lucide: 24px, lijndikte 2.15, ronde uiteinden, geen vulling. Feature-iconen zitten in een ronde glazen icon-box. Geen emoji; het enige decoratieve teken is de ✦ ster in de footer.
arrow-right
search
pen-tool
shield-check
sparkles
check
menu
x
chevron-down
chevron-right
layout-grid
globe
rocket
trending-up
mail
star
06 · Componenten
De bouwstenen
Buttons, badges, tags, velden en glazen kaarten: de bouwstenen waaruit elk 3webseiten-oppervlak is opgebouwd.
Buttons
Badges & tags
NieuwActiefLive2026
WebsiteSEOGEOHosting
Veld
SEO die zich opbouwt
Betere Google-posities en gekwalificeerde bezoekers, duurzame groei zonder trucs. De robuuste glazen feature-kaart met ronde icon-box.
SEOGEO
07 · Stem & toon
Geruststellend, helder, zelfverzekerd
We spreken met drukke ondernemers, niet met engineers. Directe aanspreking met “je”, gewone schrijfwijze, voordelen boven jargon. Het merk verkoopt rust: “zorgeloos”, “wij regelen het”.
“Alles wat je nodig hebt om online te slagen.”
Do
Spreek de lezer aan met “je”; het merk is “wij”.
Koppen en buttons in gewone schrijfwijze.
Begin met het resultaat: meer aanvragen, meer zichtbaarheid.
Blijf concreet: “99,9% uptime”, “<24u reactie”.
Don’t
Geen Title Case, geen GESCHREEUW in hoofdletters (eyebrows uitgezonderd).
Geen emoji in productteksten.
Geen hype, buzzwords of verzonnen ijdelheidsstatistieken.