diff --git a/docs/DESIGN.md b/docs/DESIGN.md
index 1cc2cba..8ee0039 100644
--- a/docs/DESIGN.md
+++ b/docs/DESIGN.md
@@ -6,6 +6,61 @@ between the product UI and the marketing site.
---
+## Logo Assets
+
+Both files are in `public/` — use them directly, do not recreate.
+
+| File | Format | Size | Use |
+|---|---|---|---|
+| `public/logo.svg` | SVG | 32×32 viewBox | Nav icon, favicon, inline logo mark |
+| `public/logo.png` | PNG | 1024×1024, RGBA | OG image, large hero logo, press kit |
+
+### SVG Logo (inline)
+
+The SVG is a network topology motif: slate-900 background circle, sky-400
+central node, four satellite nodes at the corners, connecting lines. Copy it
+inline into React components wherever needed:
+
+```tsx
+// Nav logo mark
+
+```
+
+### Wordmark pattern (logo + text)
+
+```tsx
+
+ {/* inline SVG above */}
+
+ netOrk
+
+
+```
+
+Use `netOrk` consistently — the `Ork` part
+in sky-400 ties the wordmark to the accent color.
+
+### `` references
+
+```html
+
+
+```
+
+---
+
## Core Principle
**The website looks like a dark-mode dev tool, not a SaaS landing page.**
diff --git a/public/logo.png b/public/logo.png
new file mode 100644
index 0000000..97bd63f
Binary files /dev/null and b/public/logo.png differ
diff --git a/public/logo.svg b/public/logo.svg
new file mode 100644
index 0000000..b0dc57e
--- /dev/null
+++ b/public/logo.svg
@@ -0,0 +1,12 @@
+