diff --git a/public/brand/index.html b/public/brand/index.html new file mode 100644 index 0000000..2269972 --- /dev/null +++ b/public/brand/index.html @@ -0,0 +1,941 @@ + + + + + +Pilot Protocol — Brand Kit v1.0 + + + + + + + + +
+
+ + +
+
+ + +
+
+
Brand identity
+

+ Pilot / Protocol
+ Where agents go +

+

+ Complete visual identity system. Dark-mode default. Every token, component, and rule that makes Pilot Protocol recognizable — drawn from the live website CSS. +

+
+
+ + +
+
+
01
+

Color.

+

+ Dark mode is the default. Light mode must also work. Never use pure white #ffffff — use #fafaf7 instead. Accent is for CTAs and highlights only. +

+ +

Dark mode (default)

+
+
+
+
+
Brand Accent
+
#C5F000
+
CTAs, highlights
+
+
+
+
+
+
Background
+
#0b0b0a
+
Page bg
+
+
+
+
+
+
Surface
+
#111110
+
Cards, elevated
+
+
+
+
+
+
Deep BG
+
#070706
+
Footer, deepest
+
+
+
+
+
+
Terminal
+
#060605
+
Code blocks
+
+
+
+
+
+
Ink
+
#eceae3
+
Primary text
+
+
+
+
+
+
Ink Dim
+
#8a8a83
+
Labels, captions
+
+
+
+
+
+
Ink Faint
+
#3a3a37
+
Placeholders
+
+
+
+
+
+
Line
+
#1d1d1b
+
Borders
+
+
+
+
+
+
Line 2
+
#26261f
+
Elevated borders
+
+
+
+ +

Light mode

+
+
+
+
+
Brand Accent
+
#82AA14
+
CTAs, highlights
+
+
+
+
+
+
Background
+
#fafaf7
+
Page bg
+
+
+
+
+
+
Surface
+
#f0efea
+
Cards, elevated
+
+
+
+
+
+
Deep BG
+
#e9e8e2
+
Footer, deepest
+
+
+
+
+
+
Ink
+
#0b0b0a
+
Primary text
+
+
+
+
+
+
Ink Dim
+
#5a5a54
+
Labels, captions
+
+
+
+
+
+
Ink Faint
+
#c7c6be
+
Placeholders
+
+
+
+
+
+
Line
+
#e6e5df
+
Borders
+
+
+
+
+
+
Line 2
+
#d8d7d0
+
Elevated borders
+
+
+
+
+
+ + +
+
+
02
+

Typography.

+ +

Typefaces

+ + + + + + + + + +
RoleTypefaceWeightsCSS variable
UI / BodyInter Tight300, 400, 500, 600, 700--sans
Code / LabelsJetBrains Mono400, 500, 600--mono
EditorialInstrument Serif400, 400i--serif
+ +

Type scale

+ +
+
Display · 44–148px / 500 / ls −0.045em / lh 0.92
+
Pilot Protocol
+
+ +
+
H2 Section · 30–72px / 500 / ls −0.035em
+

Network stats.

+
+ +
+
H3 · 22px / 500 / ls −0.015em
+

Peer-to-peer encrypted tunnels

+
+ +
+
Body · 17px / 400 / lh 1.5 / ls −0.005em
+

One line of code. No central dependency. Pilot is the network layer for AI agents. Every agent gets a permanent address, encrypted channels, and a trust model — no cloud lock-in, no vendor gateway.

+
+ +
+
Eyebrow · 11px Mono / uppercase / ls 0.14em
+
THE BACKBONE
+
+ +

Usage

+
+
+

Do

+
    +
  • Use Mono for all labels, eyebrows, nav, terminal
    • +
  • Use Serif only for pull quotes and editorial
    • +
  • Stick to weights 400, 500, 600 only
    • +
+
+
+

Don't

+
    +
  • Use Serif for UI or documentation
    • +
  • Mix weights arbitrarily
    • +
  • Set body text above 17px or below 14px
    • +
+
+
+
+
+ + +
+
+
03
+

Logo.

+ +

Variants

+
+
+
+ Pilot Protocol +
+
Dark variant · on #0b0b0a
+
+
+
+ Pilot Protocol +
+
On surface · #111110
+
+
+
+ Pilot Protocol +
+
On light · #fafaf7
+
+
+ +

Asset sizes

+
+
File
Dimensions
Size
Use
+
pilot-logo-dark@1x.png
200×200
49 KB
Small UI, favicon
+
pilot-logo-dark@2x.png
400×400
169 KB
Retina, headers
+
pilot-logo-dark@3x.png
600×600
348 KB
Hero, marketing
+
pilot-logo-source.png
1024×1024
771 KB
Master / derivations
+
+ +

Guidelines

+
+
+

Do

+
    +
  • Use dark variant on dark backgrounds
    • +
  • Use light variant on light backgrounds
    • +
  • Maintain clear space equal to logo height on all sides
    • +
+
+
+

Don't

+
    +
  • Recolor the logo
    • +
  • Stretch, rotate, or add effects
    • +
  • Separate mark from wordmark without approval
    • +
+
+
+
+
+ + +
+
+
04
+

Components.

+ +

Buttons

+
+ + +
+

+ Primary: accent bg · Ghost: transparent, fills on hover · Mono 12px uppercase · 14px 22px padding +

+ +

Code block

+
# Send a message via the CLI
+$ pilotctl send-message github-agent \
+  --data '/data {"search":"pilot"}' --wait
+ +

Callout

+
+ Enterprise features are in Early Access. Contact us to get access. +
+ +

Inline code & selection

+

+ Use pilotctl to manage agents. Try selecting this text to see the accent highlight. +

+ +

Focus ring

+
+
FOCUSED ELEMENT
+
EYEBROW LABEL
+
+

+ outline: 2px solid var(--accent) · outline-offset: 2px · Eyebrow: 11px Mono uppercase with leading rule +

+ +

Tables

+ + + + + + + +
ParameterTypeDefault
--waitboolfalse
--timeoutduration30s
--formatstringjson
+
+
+ + +
+
+
05
+

Spacing.

+

+ All spacing values are multiples of 4px. Max content width: 1440px. Standard component padding: 24px. Section padding: 80px. +

+ +

8pt grid scale

+
+
+
4px
p-1
+
+
+
8px
p-2
+
+
+
12px
p-3
+
+
+
16px
p-4
+
+
+
24px
p-6 · component
+
+
+
28px
p-7
+
+
+
32px
p-8
+
+
+
48px
p-12
+
+
+
64px
p-16
+
+
+
80px
p-20 · section
+
+
+ +

8-column grid

+

80px column · 24px gutter

+
+
Col 1
+
Col 2
+
Col 3
+
Col 4
+
Col 5
+
Col 6
+
Col 7
+
Col 8
+
+
+
+ + +
+
+
06
+

Usage.

+ +

Color

+
+
+

Do

+
    +
  • Use accent sparingly — CTAs and key highlights only
    • +
  • Use ink-dim for labels and secondary text
    • +
  • Keep dark mode as the default experience
    • +
  • Use surface for elements above the page
    • +
+
+
+

Don't

+
    +
  • Use accent for body text or large fills
    • +
  • Introduce blues, purples, or reds
    • +
  • Use pure white — use #fafaf7 instead
    • +
  • Skip light mode variants
    • +
+
+
+ +

Spacing & Logo

+
+
+

Do

+
    +
  • Use the 8pt grid — multiples of 4px only
    • +
  • Use 24px as standard component padding
    • +
  • Maintain logo clear space equal to logo height
    • +
+
+
+

Don't

+
    +
  • Use arbitrary values (13px, 17px, 22px)
    • +
  • Recolor, stretch, or rotate the logo
    • +
  • Separate mark from wordmark
    • +
+
+
+
+
+ + +
+
+
Index
+

Deliverables.

+ + + + + + + + + + + +
FileTypeSizeDescription
brand-kit.htmlHTML—This document — self-contained brand reference
pilot-brand-kit.pdfPDF1.5 MBOriginal brand kit (Artemii, PILOT-28)
pilot-logo-dark@1x.pngPNG49 KBLogo 200×200 — small UI, favicon
pilot-logo-dark@2x.pngPNG169 KBLogo 400×400 — retina, headers
pilot-logo-dark@3x.pngPNG348 KBLogo 600×600 — hero, marketing
pilot-logo-source.pngPNG771 KBLogo 1024×1024 — master / derivations
tailwind.config.jsJS1 KBTailwind config with all design tokens
+
+
+ +
+ PILOT / PROTOCOL · Brand Kit v1.0 · 2026 · pilotprotocol.network +
+ + + + diff --git a/public/brand/pilot-brand-kit.pdf b/public/brand/pilot-brand-kit.pdf new file mode 100644 index 0000000..089cd55 Binary files /dev/null and b/public/brand/pilot-brand-kit.pdf differ diff --git a/public/brand/pilot-logo-dark@1x.png b/public/brand/pilot-logo-dark@1x.png new file mode 100644 index 0000000..8bda9d8 Binary files /dev/null and b/public/brand/pilot-logo-dark@1x.png differ diff --git a/public/brand/pilot-logo-dark@2x.png b/public/brand/pilot-logo-dark@2x.png new file mode 100644 index 0000000..6956d1e Binary files /dev/null and b/public/brand/pilot-logo-dark@2x.png differ diff --git a/public/brand/pilot-logo-dark@3x.png b/public/brand/pilot-logo-dark@3x.png new file mode 100644 index 0000000..a07eed5 Binary files /dev/null and b/public/brand/pilot-logo-dark@3x.png differ diff --git a/public/brand/pilot-logo-source.png b/public/brand/pilot-logo-source.png new file mode 100644 index 0000000..f6a5db9 Binary files /dev/null and b/public/brand/pilot-logo-source.png differ diff --git a/public/brand/tailwind.config.js b/public/brand/tailwind.config.js new file mode 100644 index 0000000..bce8f54 --- /dev/null +++ b/public/brand/tailwind.config.js @@ -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', + }, + }, + }, +} diff --git a/src/components/Footer.astro b/src/components/Footer.astro index bf5d705..dfe453e 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -46,6 +46,7 @@ Cookie Policy Terms of Service Acceptable Use + Press Kit diff --git a/src/pages/press.astro b/src/pages/press.astro new file mode 100644 index 0000000..1e272e4 --- /dev/null +++ b/src/pages/press.astro @@ -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"; +--- + + + + + + + + + + +