From 67e43d4dee3c4a88b72612efff03037f2571dd0c Mon Sep 17 00:00:00 2001
From: Developer <developer@teachlink.com>
Date: Wed, 29 Jul 2026 08:42:56 -0700
Subject: [PATCH] feat: implement press kit page with guidelines and zip
 download (#86)

---
 public/press-kit.zip | Bin 0 -> 2012 bytes
 src/pages/Press.tsx  |  82 ++++++++++++++++++++++++++++++++++++++-----
 2 files changed, 74 insertions(+), 8 deletions(-)
 create mode 100644 public/press-kit.zip

diff --git a/public/press-kit.zip b/public/press-kit.zip
new file mode 100644
index 0000000000000000000000000000000000000000..c7ad065ec362a5f863a6da014ae2aadc706729c0
GIT binary patch
literal 2012
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

literal 0
HcmV?d00001

diff --git a/src/pages/Press.tsx b/src/pages/Press.tsx
index a15349a..9071143 100644
--- a/src/pages/Press.tsx
+++ b/src/pages/Press.tsx
@@ -190,6 +190,71 @@ Wraith Protocol was founded with the conviction that privacy is not a premium fe
             </p>
           </section>
 
+          {/* Brand guidelines */}
+          <section className="flex flex-col gap-4">
+            <h2 className="font-mono text-[10px] font-semibold tracking-[1.5px] text-outline">
+              BRAND GUIDELINES
+            </h2>
+            <div className="flex flex-col gap-8">
+              <div className="flex flex-col gap-2">
+                <h3 className="font-heading text-lg font-bold text-on-surface">Clear Space</h3>
+                <p className="font-body text-[14px] text-on-surface-variant">
+                  Always maintain a minimum clear space around the logo to ensure visibility and impact. The minimum clear space is equal to the height of the logomark.
+                </p>
+                <div className="mt-4 flex items-center justify-center border border-outline-variant bg-surface-container p-8">
+                  <div className="relative border border-dashed border-primary p-6">
+                    <span className="absolute -top-3 left-1/2 -translate-x-1/2 bg-surface-container px-2 font-mono text-[10px] text-primary">
+                      X
+                    </span>
+                    <span className="absolute -left-3 top-1/2 -translate-y-1/2 bg-surface-container py-2 font-mono text-[10px] text-primary">
+                      X
+                    </span>
+                    <span className="absolute -bottom-3 left-1/2 -translate-x-1/2 bg-surface-container px-2 font-mono text-[10px] text-primary">
+                      X
+                    </span>
+                    <span className="absolute -right-3 top-1/2 -translate-y-1/2 bg-surface-container py-2 font-mono text-[10px] text-primary">
+                      X
+                    </span>
+                    <img src="/press-kit/wraith-logo-dark.svg" alt="Clear space example" className="h-8" />
+                  </div>
+                </div>
+              </div>
+
+              <div className="flex flex-col gap-2">
+                <h3 className="font-heading text-lg font-bold text-on-surface">Misuse Examples</h3>
+                <p className="font-body text-[14px] text-on-surface-variant">
+                  To maintain brand integrity, please avoid the following common misuses of our logo.
+                </p>
+                <div className="mt-4 grid grid-cols-1 gap-4 sm:grid-cols-3">
+                  <div className="flex flex-col gap-2">
+                    <div className="flex h-32 items-center justify-center border border-outline-variant bg-surface-container p-4">
+                      <img src="/press-kit/wraith-logo-dark.svg" alt="Distorted" className="h-8 origin-center scale-y-150" />
+                    </div>
+                    <p className="text-center font-body text-[12px] text-on-surface-variant">
+                      Do not distort or stretch
+                    </p>
+                  </div>
+                  <div className="flex flex-col gap-2">
+                    <div className="flex h-32 items-center justify-center border border-outline-variant bg-surface-container p-4">
+                      <img src="/press-kit/wraith-logo-dark.svg" alt="Rotated" className="h-8 rotate-12" />
+                    </div>
+                    <p className="text-center font-body text-[12px] text-on-surface-variant">
+                      Do not rotate
+                    </p>
+                  </div>
+                  <div className="flex flex-col gap-2">
+                    <div className="flex h-32 items-center justify-center border border-outline-variant bg-surface-container p-4">
+                      <img src="/press-kit/wraith-logo-dark.svg" alt="Wrong color" className="h-8 opacity-50 sepia hue-rotate-180" />
+                    </div>
+                    <p className="text-center font-body text-[12px] text-on-surface-variant">
+                      Do not change colors
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </section>
+
           {/* Typography */}
           <section className="flex flex-col gap-4">
             <h2 className="font-mono text-[10px] font-semibold tracking-[1.5px] text-outline">
@@ -256,17 +321,18 @@ Wraith Protocol was founded with the conviction that privacy is not a premium fe
             <h2 className="font-mono text-[10px] font-semibold tracking-[1.5px] text-outline">
               DOWNLOAD
             </h2>
-            <p className="font-body text-[13px] leading-[1.6] text-on-surface-variant">
-              Individual SVG files are available above. A ZIP archive of the full press kit is
-              available on request — email us at{' '}
+            <div className="flex flex-col gap-4 border border-outline-variant bg-surface-container p-6 sm:flex-row sm:items-center sm:justify-between">
+              <p className="max-w-md font-body text-[13px] leading-[1.6] text-on-surface-variant">
+                Download the complete press kit including high-resolution logos (SVG and PNG formats for light and dark modes) and brand guidelines.
+              </p>
               <a
-                href="mailto:press@usewraith.xyz"
-                className="text-primary underline underline-offset-2"
+                href="/press-kit.zip"
+                download
+                className="inline-flex h-10 shrink-0 items-center justify-center bg-primary px-6 font-mono text-[12px] font-bold text-surface transition-opacity hover:opacity-90"
               >
-                press@usewraith.xyz
+                DOWNLOAD ZIP
               </a>
-              .
-            </p>
+            </div>
           </section>
 
           {/* Press contact */}