diff --git a/story-landing-page.md b/content/notes.off/story-landing-page.md
similarity index 100%
rename from story-landing-page.md
rename to content/notes.off/story-landing-page.md
diff --git a/content/notes.off/theme.txt b/content/notes.off/theme.txt
new file mode 100644
index 0000000..868f3cc
--- /dev/null
+++ b/content/notes.off/theme.txt
@@ -0,0 +1,42 @@
+{
+  "colors": {
+    "default": {
+      "theme_color": {
+        "primary": "#121212",
+        "body": "#fff",
+        "border": "#eaeaea",
+        "theme_light": "#f6f6f6",
+        "theme_dark": ""
+      },
+      "text_color": {
+        "default": "#444444",
+        "dark": "#040404",
+        "light": "#717171"
+      }
+    },
+    "darkmode": {                   // mode sombre
+      "theme_color": {              //
+        "primary": "magenta",       // bouton primaire: bg et border
+        "body": "green",            // bg du dropdown
+        "border": "orange",         // border ou ligne (border-darkmode-border)
+        "theme_light": "cyan",      // bg du footer, bg du form select (bg-darkmode-theme-light)
+        "theme_dark": "yellow"      //
+      },
+      "text_color": {
+        "default": "#B4AFB6",
+        "dark": "#fff",
+        "light": "#B4AFB6"
+      }
+    }
+  },
+  "fonts": {
+    "font_family": {
+      "primary": "OpenSans:wght@300;400;500;600;700;800", // voir essentials/style.html
+      "primary_type": "sans-serif"
+    },
+    "font_size": {
+      "base": "15",
+      "scale": "1.25"               // taille du h1 dans le hero (grossit très vite)
+    }
+  }
+}