Skip to content

feat: add press kit page and brand assets (PILOT-28) #16

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
TeoSlayer merged 2 commits into from
May 29, 2026
Merged

feat: add press kit page and brand assets (PILOT-28) #16

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
fb2575c
feat: add press kit page and brand assets (PILOT-28)
May 29, 2026
597c5cf
feat: add /press and /brand to sitemap (PILOT-29)
May 29, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
941 changes: 941 additions & 0 deletions public/brand/index.html
View file
Open in desktop

Large diffs are not rendered by default.

Binary file added public/brand/pilot-brand-kit.pdf
View file
Open in desktop
Binary file not shown.
Binary file added public/brand/pilot-logo-dark@1x.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/brand/pilot-logo-dark@2x.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/brand/pilot-logo-dark@3x.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/brand/pilot-logo-source.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
40 changes: 40 additions & 0 deletions public/brand/tailwind.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
module.exports = {
theme: {
extend: {
colors: {
pilot: {
bg: '#0b0b0a',
'bg-2': '#111110',
'bg-deep': '#070706',
ink: '#eceae3',
'ink-dim': '#8a8a83',
'ink-faint': '#3a3a37',
line: '#1d1d1b',
'line-2': '#26261f',
accent: '#C5F000',
'accent-ink': '#0b0b0a',
term: '#060605',
},
'pilot-light': {
bg: '#fafaf7',
'bg-2': '#f0efea',
'bg-deep': '#e9e8e2',
ink: '#0b0b0a',
'ink-dim': '#5a5a54',
'ink-faint': '#c7c6be',
line: '#e6e5df',
'line-2': '#d8d7d0',
accent: '#82AA14',
},
},
fontFamily: {
sans: ['"Inter Tight"', '"Helvetica Neue"', 'Helvetica', 'Arial', 'sans-serif'],
mono: ['"JetBrains Mono"', 'ui-monospace', 'Menlo', 'monospace'],
serif: ['"Instrument Serif"', '"Times New Roman"', 'serif'],
},
maxWidth: {
wrap: '1440px',
},
},
},
}
1 change: 1 addition & 0 deletions src/components/Footer.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -46,6 +46,7 @@
<a href="/cookies">Cookie Policy</a>
<a href="/terms">Terms of Service</a>
<a href="/aup">Acceptable Use</a>
<a href="/press">Press Kit</a>
</div>
</div>

Expand Down
238 changes: 238 additions & 0 deletions src/pages/press.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,238 @@
---
import BaseHead from '../components/BaseHead.astro';
import Nav from '../components/Nav.astro';
import Footer from '../components/Footer.astro';
import '../styles/global.css';
import '../styles/system.css';

const title = "Press Kit - Pilot Protocol";
const description = "Brand assets, logos, color palettes, typography, and usage guidelines for Pilot Protocol. Download the complete brand kit.";
const canonicalUrl = "https://pilotprotocol.network/press";
---

<!DOCTYPE html>
<html lang="en">
<head>
<BaseHead title={title} description={description} canonicalUrl={canonicalUrl} />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap" rel="stylesheet">
</head>
<body>
<Nav />

<section class="hero">
<div class="gridbg"></div>
<div class="wrap">
<div class="hero-top">
<div class="eyebrow">PRESS KIT</div>
</div>

<div class="hero-grid">
<div>
<h1 class="display">
Brand<span class="spacer"></span>
<span class="soft">assets<span class="accent">.</span></span>
</h1>
<p class="hero-sub">
Everything you need to write about Pilot Protocol — logos, colors, typography, and usage guidelines. Download the complete brand kit or browse the reference page.
</p>
<div class="cta-row">
<a href="/brand/" class="btn primary">BROWSE BRAND KIT →</a>
<a href="/brand/pilot-brand-kit.pdf" class="btn">DOWNLOAD PDF →</a>
</div>
</div>

<div class="hero-meta">
<div class="k">
<div class="l">Version</div>
<div class="v">v1.0 — 2026</div>
</div>
<div class="k">
<div class="l">Design</div>
<div class="v">Artemii Amelin</div>
</div>
<div class="k">
<div class="l">Website</div>
<div class="v"><a href="https://pilotprotocol.network">pilotprotocol.network</a></div>
</div>
<div class="k">
<div class="l">Contact</div>
<div class="v"><a href="mailto:press@pilotprotocol.network">press@pilotprotocol.network</a></div>
</div>
</div>
</div>
</div>
</section>

<!-- QUICK REFERENCE -->
<section class="section">
<div class="wrap">
<div class="section-head">
<div class="eyebrow">Overview</div>
<h2>At a<span class="spacer"></span>glance<span class="accent">.</span></h2>
</div>

<div class="callout" style="margin-bottom:32px">
<p><strong>Dark mode is the default.</strong> All assets work on both dark and light backgrounds. Never use pure white — use <code>#fafaf7</code> instead. The accent color is <code>#C5F000</code> (dark) / <code>#82AA14</code> (light).</p>
</div>

<div style="display:grid;grid-template-columns:1fr 1fr;gap:32px">
<div>
<h3 style="margin-bottom:16px">Logo</h3>
<div style="display:flex;gap:16px;flex-wrap:wrap">
<div style="background:var(--bg);padding:24px;border:1px solid var(--line);text-align:center;flex:1;min-width:120px">
<img src="/brand/pilot-logo-dark@2x.png" alt="Pilot Protocol" style="max-height:64px;width:auto">
<p class="num" style="margin-top:8px">Dark BG</p>
</div>
<div style="background:var(--bg-2);padding:24px;border:1px solid var(--line);text-align:center;flex:1;min-width:120px">
<img src="/brand/pilot-logo-dark@2x.png" alt="Pilot Protocol" style="max-height:64px;width:auto">
<p class="num" style="margin-top:8px">Surface</p>
</div>
</div>
<p style="color:var(--ink-dim);font-size:14px;margin-top:12px">
Available in 1x (200×200), 2x (400×400), 3x (600×600), and source (1024×1024). Use the dark variant on dark backgrounds.
</p>
</div>
<div>
<h3 style="margin-bottom:16px">Colors</h3>
<div style="display:flex;gap:8px;flex-wrap:wrap">
<div style="width:40px;height:40px;background:#C5F000;border:1px solid var(--line)" title="#C5F000 — Accent"></div>
<div style="width:40px;height:40px;background:#0b0b0a;border:1px solid var(--line)" title="#0b0b0a — Background"></div>
<div style="width:40px;height:40px;background:#111110;border:1px solid var(--line)" title="#111110 — Surface"></div>
<div style="width:40px;height:40px;background:#eceae3;border:1px solid var(--line)" title="#eceae3 — Ink"></div>
<div style="width:40px;height:40px;background:#8a8a83;border:1px solid var(--line)" title="#8a8a83 — Ink Dim"></div>
<div style="width:40px;height:40px;background:#3a3a37;border:1px solid var(--line)" title="#3a3a37 — Ink Faint"></div>
<div style="width:40px;height:40px;background:#1d1d1b;border:1px solid var(--line)" title="#1d1d1b — Line"></div>
<div style="width:40px;height:40px;background:#060605;border:1px solid var(--line)" title="#060605 — Terminal"></div>
</div>
<p style="color:var(--ink-dim);font-size:14px;margin-top:12px">
Dark mode default palette. Light mode equivalents included in the full kit.
</p>
</div>
</div>

<div style="display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px">
<div>
<h3 style="margin-bottom:16px">Typography</h3>
<table>
<thead><tr><th>Role</th><th>Typeface</th></tr></thead>
<tbody>
<tr><td>UI / Body</td><td>Inter Tight</td></tr>
<tr><td>Code / Labels</td><td>JetBrains Mono</td></tr>
<tr><td>Editorial</td><td>Instrument Serif</td></tr>
</tbody>
</table>
</div>
<div>
<h3 style="margin-bottom:16px">Spacing</h3>
<table>
<thead><tr><th>Scale</th><th>Value</th></tr></thead>
<tbody>
<tr><td>8pt grid</td><td>Multiples of 4px</td></tr>
<tr><td>Component pad</td><td>24px</td></tr>
<tr><td>Section pad</td><td>80px</td></tr>
<tr><td>Max width</td><td>1440px</td></tr>
</tbody>
</table>
</div>
</div>
</div>
</section>

<!-- DOWNLOADS -->
<section class="section">
<div class="wrap">
<div class="section-head">
<div class="eyebrow">Downloads</div>
<h2>Everything<span class="spacer"></span>you need<span class="accent">.</span></h2>
</div>

<table>
<thead>
<tr><th>Asset</th><th>Format</th><th>Size</th><th>Download</th></tr>
</thead>
<tbody>
<tr>
<td>Full brand kit (HTML)</td>
<td>Interactive reference</td>
<td>—</td>
<td><a href="/brand/">→ Open</a></td>
</tr>
<tr>
<td>Brand kit PDF</td>
<td>PDF</td>
<td>1.5 MB</td>
<td><a href="/brand/pilot-brand-kit.pdf">→ Download</a></td>
</tr>
<tr>
<td>Logo — 1x</td>
<td>PNG 200×200</td>
<td>49 KB</td>
<td><a href="/brand/pilot-logo-dark@1x.png">→ Download</a></td>
</tr>
<tr>
<td>Logo — 2x</td>
<td>PNG 400×400</td>
<td>169 KB</td>
<td><a href="/brand/pilot-logo-dark@2x.png">→ Download</a></td>
</tr>
<tr>
<td>Logo — 3x</td>
<td>PNG 600×600</td>
<td>348 KB</td>
<td><a href="/brand/pilot-logo-dark@3x.png">→ Download</a></td>
</tr>
<tr>
<td>Logo — Source</td>
<td>PNG 1024×1024</td>
<td>771 KB</td>
<td><a href="/brand/pilot-logo-source.png">→ Download</a></td>
</tr>
<tr>
<td>Tailwind config</td>
<td>JavaScript</td>
<td>1 KB</td>
<td><a href="/brand/tailwind.config.js">→ Download</a></td>
</tr>
</tbody>
</table>
</div>
</section>

<!-- GUIDELINES -->
<section class="section">
<div class="wrap">
<div class="section-head">
<div class="eyebrow">Guidelines</div>
<h2>Quick<span class="spacer"></span>rules<span class="accent">.</span></h2>
</div>

<div style="display:grid;grid-template-columns:1fr 1fr;gap:24px">
<div class="callout" style="border-left-color:#2bd45a">
<p><strong>Do</strong></p>
<ul style="font-size:14px;color:var(--ink-dim);padding-left:20px;margin-top:8px">
<li style="margin-bottom:4px">Use accent sparingly — CTAs and highlights only</li>
<li style="margin-bottom:4px">Use Mono for labels, eyebrows, nav</li>
<li style="margin-bottom:4px">Stick to weights 400, 500, 600</li>
<li style="margin-bottom:4px">Maintain logo clear space equal to logo height</li>
<li style="margin-bottom:4px">Use the 8pt grid — multiples of 4px only</li>
</ul>
</div>
<div class="callout" style="border-left-color:#e54b4b">
<p><strong>Don't</strong></p>
<ul style="font-size:14px;color:var(--ink-dim);padding-left:20px;margin-top:8px">
<li style="margin-bottom:4px">Use accent for body text or large fills</li>
<li style="margin-bottom:4px">Introduce blues, purples, or reds</li>
<li style="margin-bottom:4px">Use pure white — use #fafaf7 instead</li>
<li style="margin-bottom:4px">Recolor, stretch, or rotate the logo</li>
<li style="margin-bottom:4px">Separate mark from wordmark</li>
</ul>
</div>
</div>
</div>
</section>

<Footer />
</body>
</html>
4 changes: 4 additions & 0 deletions src/pages/sitemap.xml.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,10 @@ export async function GET() {
urls.push(url('/blog/', today, 0.9, 'weekly'));
urls.push(url('/llms.txt', '2026-02-28', 0.5));

// Press / brand
urls.push(url('/press', today, 0.7));
urls.push(url('/brand/', today, 0.6));

// Legal pages
urls.push(url('/privacy', today, 0.7));
urls.push(url('/cookies', today, 0.7));
Expand Down
Loading