Brand kit

De officiële referentie voor het merk 3webseiten.de: logo, kleur, typografie, componenten en tone of voice.

Versie 1.03webseiten.de


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.

--gradient-accent · 100deg · #3B82F6 → #8B5CF6 → #F59E0B
Vlakken, nooit puur zwart
surface
#09090B
raised
#0F0F13
overlay
#16161B
bright
#1F1F26
Accentkleuren & primair
blue
#3B82F6
violet
#8B5CF6
orange
#F59E0B
primary
#7C8CFF
secondary
#A78BFA
Semantische status
success
#34D399
warning
#FBBF24
danger
#F87171

03 · Typografie

Bricolage · Inter · JetBrains Mono

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).

Display / H1 · Bricolage Grotesque 800 · clamp 2.65–5.35remOnline slagen
Display / H2 · 800 · clamp 2–3.45remAlles wat je nodig hebt
Gradient emphasis · .gradient-textZichtbaarheid in AI-zoeken
Body large · Inter 400 · 1.12rem / 1.75Van eerste indruk tot laatste klik maken we websites gericht op eenvoud, compliance en zichtbaarheid.
Body · Inter 400 · 1rem / 1.65Websites die je echt meer aanvragen en verkopen opleveren, gebouwd voor bedrijven in Duitsland, Nederland en daarbuiten.
Mono label · JetBrains Mono 600 · uppercase · 0.08emWebsites · SEO · AI-zoeken

04 · Radii & elevatie

Zachte hoeken, diepe schaduw, glas

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.
  • Overspoel niets met kleur; houd accenten gericht.