docs: README, Design-Dokumentation, Changelog und Seed

README mit Installation, Update-Weg und Backup-Anleitung; docs/DESIGN.md
hält Marke, Farbwerte samt gemessener Kontraste und die Bausteine fest.
Changelog nach Keep a Changelog, Release-Notes zusätzlich unter releases/.

scripts/shot.mjs

@@ -0,0 +1,21 @@
+/**
+ * Schnelles Einzelbild einer Seite — Werkzeug für die Entwicklung.
+ *   node scripts/shot.mjs <url> <ziel.png> [breite] [hoehe] [theme]
+ */
+import { chromium } from "playwright";
+
+const [, , url, out, w = "1440", h = "900", theme = "dark"] = process.argv;
+
+const browser = await chromium.launch();
+const page = await browser.newPage({
+  viewport: { width: Number(w), height: Number(h) },
+  deviceScaleFactor: 2,
+});
+await page.addInitScript((mode) => {
+  localStorage.setItem("flimmer-theme", mode);
+}, theme);
+await page.goto(url, { waitUntil: "networkidle" });
+await page.waitForTimeout(600);
+await page.screenshot({ path: out });
+await browser.close();
+console.log("ok", out);