Index: src/services/ThemeService.js
===================================================================
--- src/services/ThemeService.js	(revision 0251bae715080052a6edb4c7ed76af87756d9ec3)
+++ src/services/ThemeService.js	(revision dd7e2a2f53fe67830807d1ca62819491ee3effda)
@@ -19,4 +19,10 @@
   // wordt toegepast); de accent-stip is een representatieve kleur per palet.
   static PALETTES = {
+    // Merk-standaard — komt overeen met klonkt.com (donkerblauw + geel).
+    klonkt: {
+      name: 'Klonkt',
+      light: { paper: '#f3f1ea', ink: '#11141c', accent: '#c98a2a' },
+      dark: { paper: '#0b0d12', ink: '#f3f1ea', accent: '#e8b04b' }
+    },
     sage: {
       name: 'Sage',
@@ -91,4 +97,5 @@
   // meer warme + paars/roze variatie. Allemaal leesbaar op licht én donker.
   static ACCENTS = [
+    { key: 'klonkt',  name: 'Klonkt-geel', color: '#e8b04b' },
     { key: 'red',     name: 'Rood',      color: '#dc2626' },
     { key: 'orange',  name: 'Oranje',    color: '#ea580c' },
@@ -125,5 +132,5 @@
    */
   static getPalette(paletteKey) {
-    return this.PALETTES[paletteKey] || this.PALETTES.sage;
+    return this.PALETTES[paletteKey] || this.PALETTES.klonkt;
   }
 
@@ -197,6 +204,6 @@
   static generateThemeMeta(userTheme, userPalette, siteTheme, siteAccent) {
     const theme = userTheme || siteTheme || 'dark';
-    const palette = userPalette || 'sage';
-    const accent = siteAccent || '#c2410c';
+    const palette = userPalette || 'klonkt';
+    const accent = siteAccent || '#e8b04b';
     const paletteData = this.getPalette(palette);
     const colors = theme === 'dark' ? paletteData.dark : paletteData.light;