Add brand kit, #/brand page, and responsive logo marks

Export script generates PNG/WebP/favicons/ZIP and OG image; nav uses symbol on mobile and horizontal lockup on desktop; press kit at #/brand with download links and print-friendly guidelines. Co-authored-by: Cursor <[email protected]>
2026-05-26 20:53:37 -07:00
parent 2019f56f27
commit 33aab0d3de
48 changed files with 569 additions and 77 deletions
@@ -0,0 +1,71 @@
+{
+  "version": "1.0.0",
+  "organization": "Miracles in Motion Foundation",
+  "updated": "2026-05-27",
+  "colors": [
+    { "name": "Forest green", "hex": "#1a3c34", "role": "primary background" },
+    { "name": "Forest green (deep)", "hex": "#0f2922", "role": "dark text" },
+    { "name": "Gold", "hex": "#c5a059", "role": "accent" },
+    { "name": "Gold (bright)", "hex": "#d4af37", "role": "logo highlight" }
+  ],
+  "typography": [
+    { "name": "Playfair Display", "use": "Headings (web)", "source": "Self-hosted via site" },
+    { "name": "Inter", "use": "Body and UI (web)", "source": "Self-hosted via site" }
+  ],
+  "kits": [
+    {
+      "id": "full",
+      "title": "Complete brand kit (ZIP)",
+      "path": "/brand/MIM4U-Brand-Kit.zip",
+      "format": "ZIP",
+      "description": "All logos, favicons, and guidelines markdown"
+    }
+  ],
+  "groups": [
+    {
+      "id": "symbol",
+      "title": "Symbol mark (icon only)",
+      "description": "Figure and starburst — mobile header, favicons, compact UI.",
+      "assets": [
+        { "title": "Symbol (SVG, simplified vector)", "path": "/brand/logo-symbol.svg", "format": "SVG" },
+        { "title": "Symbol 512px", "path": "/brand/logo-symbol-512.png", "format": "PNG" },
+        { "title": "Symbol 256px", "path": "/brand/logo-symbol-256.png", "format": "PNG" },
+        { "title": "Symbol 128px", "path": "/brand/logo-symbol-128.png", "format": "PNG" },
+        { "title": "Symbol 64px", "path": "/brand/logo-symbol-64.png", "format": "PNG" }
+      ]
+    },
+    {
+      "id": "horizontal",
+      "title": "Horizontal lockup",
+      "description": "Icon + MIRACLES IN MOTION FOUNDATION — desktop nav and footer.",
+      "assets": [
+        { "title": "Horizontal (PNG)", "path": "/brand/logo-horizontal.png", "format": "PNG" },
+        { "title": "Horizontal (WebP)", "path": "/brand/logo-horizontal.webp", "format": "WebP" },
+        { "title": "Horizontal 2× width (PNG)", "path": "/brand/logo-horizontal-2x.png", "format": "PNG" }
+      ]
+    },
+    {
+      "id": "square",
+      "title": "Square lockup",
+      "description": "Full stacked logo on green — social and print-friendly raster.",
+      "assets": [
+        { "title": "Square (PNG)", "path": "/brand/logo-square.png", "format": "PNG" },
+        { "title": "Square (WebP)", "path": "/brand/logo-square.webp", "format": "WebP" }
+      ]
+    },
+    {
+      "id": "favicon",
+      "title": "Favicon & app icons",
+      "description": "Symbol on forest green background.",
+      "assets": [
+        { "title": "favicon.ico", "path": "/brand/favicon.ico", "format": "ICO" },
+        { "title": "16×16", "path": "/brand/favicon-16.png", "format": "PNG" },
+        { "title": "32×32", "path": "/brand/favicon-32.png", "format": "PNG" },
+        { "title": "180×180 (Apple touch)", "path": "/brand/favicon-180.png", "format": "PNG" },
+        { "title": "192×192 (PWA)", "path": "/brand/favicon-192.png", "format": "PNG" },
+        { "title": "512×512 (PWA)", "path": "/brand/favicon-512.png", "format": "PNG" },
+        { "title": "Favicon (SVG)", "path": "/favicon.svg", "format": "SVG" }
+      ]
+    }
+  ]
+}