Add new branding SVG files for wordmark in white and default colors

- Created wordmark-white.svg with white text for branding use.
- Created wordmark.svg with dark text for branding use.

branding/README.md

@@ -0,0 +1,42 @@
+# SnapOtter Brand Assets
+
+Press kit for use in blog posts, articles, reviews, and other publications about SnapOtter. Free to use when referencing SnapOtter.
+
+## Files
+
+| File | Size | Use |
+|------|------|-----|
+| `logo-512.png` | 512x512 | High-res logo with transparency |
+| `logo-256.png` | 256x256 | Medium logo |
+| `logo-192.png` | 192x192 | Web/PWA icon size |
+| `logo-128.png` | 128x128 | Standard logo |
+| `logo-64.png` | 64x64 | Small inline logo |
+| `favicon-32.png` | 32x32 | Favicon |
+| `logo-512-on-white.png` | 512x512 | Logo on white background (no transparency) |
+| `logo-512-on-dark.png` | 512x512 | Logo on dark background (no transparency) |
+| `social-preview.png` | 1280x640 | OpenGraph / social media preview |
+| `wordmark.svg` | Scalable | "SnapOtter" text mark (dark text) |
+| `wordmark-white.svg` | Scalable | "SnapOtter" text mark (white text, for dark backgrounds) |
+| `banner.svg` | Scalable | Logo + tagline banner on dark background |
+
+## Brand Colors
+
+| Name | Hex | Usage |
+|------|-----|-------|
+| Primary Blue | `#3b82f6` | "Otter" in wordmark, buttons, accents |
+| Dark | `#0f172a` | "Snap" in wordmark, dark mode background |
+| Slate | `#94a3b8` | Subtitle/muted text |
+| White | `#ffffff` | Light mode background |
+
+## Typography
+
+- **Headings / brand name**: Nunito (weight 800)
+- **Body text**: Inter
+
+## Usage Guidelines
+
+- Use the transparent PNG logos when placing on your own backgrounds.
+- Use `logo-512-on-white.png` or `logo-512-on-dark.png` when transparency is not supported.
+- Keep the logo proportions intact. Do not stretch or distort.
+- Maintain reasonable clear space around the logo.
+- The wordmark is always written as "SnapOtter" (capital S, capital O, one word).