diff --git a/content/website/stijlgids/index.md b/content/website/stijlgids/index.md
new file mode 100644
index 0000000..9f2b7fa
--- /dev/null
+++ b/content/website/stijlgids/index.md
@@ -0,0 +1,46 @@
+---
+categories:
+- website
+date: 2023-05-20T23:19:44+02:00
+description: "Dit is de NLUUG stijlgids voor de website en bevat de structuur en kleuren van onze huisstijl."
+slug:
+tags:
+- kleuren
+- stijl
+- website
+title: "Stijlgids"
+---
+
+# Stijlgids NLUUG-website
+
+## Kleuren
+
+We gebruiken zoveel mogelijk de kleurstelling zoals die ooit in de oude website werd toegepast.
+
+* Donkerblauw: #1D3160
+* Extra donkere versie van donkerblauw: #17274d
+* Groen (voor call-to-action): #138808
+* Donkergroen voor call-to-action (hover): #0F6D06
+* Paars: #6A2060;
+* Lichtpaars (uitgangspunt 6A2060): #EBBCE5
+
+Nog te benoemen:
+
+* #99AFE2
+* #E3E9F7
+
+## Headings
+
+Binnen de website maken we vooral gebruik van H1, H2, H3, H4.
+
+### H1
+
+Komt maximaal eenmalig voor per pagina
+
+### H2
+
+De hoofdsecties van een pagina worden voorzien van H2. Op een doorsnee pagina is het gebruikelijk om meerdere H2-headings te zien.
+
+### H3 en H4
+
+Waar de content wat langer is kan het gebruik van H3 en zelfs H4 worden toegepast.