I Am

Holistische Praktijk

Website Brand Guide

Deze brand guide vormt de basis voor de website van Holistische praktijk I Am. Het document beschrijft de visuele identiteit, kleurgebruik, typografie en stijlrichtlijnen die zorgen voor een consistente en rustgevende online uitstraling.

Logo

Het hart van de identiteit

I Am

Logo wordt nog ontwikkeld

Kleurenpalet

Vijf essentiële kleuren voor een rustgevende identiteit

Primair Groen
#B8D4C6

Hoofdkleur voor accenten

Donker Groen
#5A8070

Buttons & interactie

Zacht Groen
#E8F3ED

Achtergronden

Lichtbruin
#D4C4B0

Warme accenten

Tekst Donker
#2C3E35

Hoofdtekst

Typografie

Elegante en leesbare lettertypen

Heading Font - Cormorant Garamond

Elegante Hoofdtitel

Subtiele Ondertitel

Rustige Sectietitel

Body Font - Lato

Lato Light (300) - Voor zachte, uitnodigende teksten die rust uitstralen en gemakkelijk te lezen zijn.

Lato Regular (400) - Voor standaard body tekst die duidelijk en toegankelijk is voor iedereen.

Lato Bold (700) - Voor nadruk op belangrijke informatie zonder agressief te zijn.

Kernwaarden Website

Wat de website van I Am moet uitstralen

Overzichtelijk

Een heldere navigatie en structuur zodat bezoekers moeiteloos vinden wat ze zoeken.

Rustgevend

Een kalme visuele uitstraling met veel witruimte die bezoekers tot rust brengt.

Toegankelijk

Eenvoudig te gebruiken op alle apparaten, voor iedereen begrijpelijk en uitnodigend.

Informatief

Duidelijke informatie over therapieën, werkwijze en wat bezoekers kunnen verwachten.

Symboliek

Visuele elementen die onze waarden versterken

Lotus
Zachte Lijnen
Cirkels
Natuurlijke Elementen

Iconografie

Minimale, zachte lijnstijl voor iconen

Persoonlijk
Afspraak
Veilig
Tijd
Locatie
Zorg

Visuele Stijl

Richtlijnen voor een consistente uitstraling

Vormgeving

  • Zachte, afgeronde hoeken
  • Vloeiende, organische lijnen
  • Minimalistische compositie
  • Ruime witruimte
  • Symmetrie en balans
  • Warme aardse accenten

Fotografie

  • Natuurlijk, zacht licht (vermijd harde schaduwen)
  • Warme, uitnodigende ondertonen
  • Minimale compositie met lege ruimte
  • Rustige sfeer
  • Authentieke momenten boven geposeerde shots
  • Groene en beige kleurpaletten dominant

Interactie

  • Vloeiende animaties
  • Subtiele hover effecten
  • Zachte kleurovergangen
  • Intuïtieve navigatie
  • Toegankelijk voor iedereen

Website UI Componenten

Interface elementen in de huisstijl

Formulier Velden

Content Cards

Holistische Massage

Een ontspannende behandeling die lichaam en geest in balans brengt.

Energetische Therapie

Werk met energie om blokkades op te heffen en herstel te bevorderen.

Navigatie Stijl

Home Therapieën Over Mij Contact

Interface Elementen

Buttons en interactieve componenten

Impressies

De sfeer en uitstraling van I Am

Do's & Don'ts

Visuele richtlijnen voor consistent gebruik

✓ Do
  • Gebruik pastel groene en zachte bruine tinten
  • Houd veel witruimte voor een rustige uitstraling
  • Gebruik afgeronde hoeken en zachte vormen
  • Kies natuurlijke, authentieke fotografie
  • Communiceer warm en toegankelijk
  • Gebruik Cormorant Garamond voor headings
✗ Don't
  • Gebruik geen felle of primaire kleuren
  • Vermijd overvolle composities
  • Geen scherpe hoeken of agressieve vormen
  • Geen gepolijste stockfoto's zonder sfeer
  • Vermijd formele of afstandelijke taal
  • Gebruik geen te veel verschillende lettertypes

Toegankelijkheid

Contrast ratio's en leesbaarheid

Donker Groen op Wit
7.2:1
✓ AAA Compliant
Tekst Donker op Wit
12.5:1
✓ AAA Compliant
Zacht Groen Achtergrond
11.8:1
✓ AAA Compliant
Primair Groen Achtergrond
8.1:1
✓ AAA Compliant

Toegankelijkheids Richtlijnen

  • Minimaal contrast ratio van 4.5:1 voor normale tekst (WCAG AA)
  • Minimaal contrast ratio van 7:1 voor optimale leesbaarheid (WCAG AAA)
  • Gebruik beschrijvende alt-teksten voor alle afbeeldingen
  • Minimale font-size van 16px voor body tekst
  • Zorg voor duidelijke focus states op interactieve elementen

I Am

Holistische Praktijk Brand Guide © 2026