Thema's

Het thema bepaalt het uiterlijk van je hele site. Hieronder de onderdelen die je instelt — met telkens de prompt eronder.

Kleuren

Geef de site een paarse accentkleur.

Lettertype

Gebruik een chique serif-lettertype voor de koppen.

Knoppen

Maak de knoppen ronder en in de accentkleur.

Licht of donker

Zet de site in een donkere stijl.

Overal consistent

Kies je eenmaal een kleur, lettertype en knoppenstijl, dan passen alle onderdelen op je pagina's zich automatisch aan — van knoppen tot koppen, zonder dat je het los per onderdeel hoeft in te stellen.

Ook onderdelen buiten de pagina zelf volgen het thema, zoals de cookiebanner: die oogt daardoor als vanzelfsprekend onderdeel van je merk.

Beheer je meerdere websites? Elke site houdt een eigen thema, zodat verschillende merken of vestigingen nooit per ongeluk dezelfde uitstraling krijgen.

Voor wie is dit waardevol?

Een creatief bureau kiest bijvoorbeeld een opvallende kleur en een uitgesproken lettertype om de eigen signatuur te laten zien, terwijl een accountantskantoor juist voor een rustige, sobere uitstraling kiest die vertrouwen wekt. Een horecazaak past de sfeer van het thema aan op het seizoen — warmere tinten in de winter, frisse kleuren in de zomer — zonder de site telkens opnieuw te hoeven opbouwen. In alle gevallen bepaalt het thema in één keer hoe de hele site aanvoelt, zonder dat je elk onderdeel apart hoeft te doorlopen.

Ook voor een beginnende ondernemer zonder ontwerpervaring is dit prettig: je hoeft niet zelf uit te zoeken welke kleurtinten wel of niet bij elkaar passen — kies een basiskleur en de rest van de site sluit daar automatisch bij aan.

Veelgemaakte fouten

Een veelgemaakte fout is te veel verschillende kleuren gebruiken. Eén heldere accentkleur, consistent toegepast op knoppen en links, oogt professioneler dan een site waar elk onderdeel een andere tint heeft. Beperk je in het begin tot een hoofdkleur en een neutrale ondergrond.

Een andere valkuil is te weinig contrast tussen tekst en achtergrond, bijvoorbeeld lichtgrijze tekst op een witte ondergrond. Dat oogt misschien subtiel, maar is voor veel bezoekers lastig leesbaar. Zorg voor voldoende contrast, zeker bij belangrijke tekst zoals een call-to-action.

Vergeleken met losse stijlbladen

Bij een traditionele site pas je vaak los CSS aan om een kleur of lettertype te wijzigen, wat kennis van code vraagt en makkelijk ergens anders iets breekt. Een thema in Obelisk werkt via een centrale set instellingen: wijzig je de accentkleur, dan volgen alle pagina's, knoppen en zelfs onderdelen als de cookiebanner automatisch mee, zonder dat je ergens los iets hoeft te overschrijven.

Praktische tip: test een nieuwe kleurstelling eerst op een paar belangrijke pagina's voordat je 'm definitief maakt, en vraag gerust een paar mensen om feedback — een kleur die op je scherm goed oogt, valt in het echt soms anders uit. Meer achtergrond over hoe thema's en tokens werken staat in de kennisbank.