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

Role	Typeface	Weights	CSS variable
UI / Body	Inter Tight	300, 400, 500, 600, 700	`--sans`
Code / Labels	JetBrains Mono	400, 500, 600	`--mono`
Editorial	Instrument Serif	400, 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

Dark variant · on #0b0b0a

On surface · #111110

On light · #fafaf7

Asset sizes

File

Dimensions

Size

Use

[email protected]

200×200

49 KB

Small UI, favicon

[email protected]

400×400

169 KB

Retina, headers

[email protected]

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

Parameter	Type	Default
`--wait`	bool	false
`--timeout`	duration	30s
`--format`	string	json

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.

File	Type	Size	Description
brand-kit.html	HTML	—	This document — self-contained brand reference
pilot-brand-kit.pdf	PDF	1.5 MB	Original brand kit (Artemii, PILOT-28)
[email protected]	PNG	49 KB	Logo 200×200 — small UI, favicon
[email protected]	PNG	169 KB	Logo 400×400 — retina, headers
[email protected]	PNG	348 KB	Logo 600×600 — hero, marketing
pilot-logo-source.png	PNG	771 KB	Logo 1024×1024 — master / derivations
tailwind.config.js	JS	1 KB	Tailwind config with all design tokens

Pilot / Protocol Where agents go

Color.

Dark mode (default)

Light mode

Typography.

Typefaces

Type scale

Network stats.

Peer-to-peer encrypted tunnels

Usage

Do

Don't

Logo.

Variants

Asset sizes

Guidelines

Do

Don't

Components.

Buttons

Code block

Callout

Inline code & selection

Focus ring

Tables

Spacing.

8pt grid scale

8-column grid

Usage.

Color

Do

Don't

Spacing & Logo

Do

Don't

Deliverables.

Pilot / Protocol
Where agents go