Brand Kit

Forty years of computing, through my own eyes.

A personal archive of 40 years spent making, breaking, and loving computers. This deck is the single source of truth for the brand.

Assets

Logo

The Mark

Two variants: monochrome on dark (primary) and inverted on light. Always SVG.

Rules

✓

Do keep one icon-height of clear space around it.

✓

Do scale proportionally and use SVG.

✕

Don't recolor, rotate, or distort the mark.

✕

Don't reconstruct it in CSS or raster.

Palette

Colors

Primary pair: near-black on near-white, no pure #000 or #fff.

Ink

#0a0a0b

Paper

#f5f5f7

Burnt Orange

#D97757

C64 Blue

#40318D

C64 Light

#7B71D5

Term Green

#4ade80

Term Cyan

#22d3ee

Term Yellow

#facc15

Fonts

Typography

Space Grotesk UI · Titles

Inter — long form body copy Body

const brand = { good: true } Code · Counters

READY. Retro · CLI Love

CHANNEL 01 · FS Labels · Metadata

Icons

Monochrome outlines.

Icons come from Lucide. 2px stroke, rounded caps, no fill, no color. They inherit the slide's text color via currentColor.

Terminal

Code

Monitor

Cpu

Zap

Voice & Tone

✓

Direct and factual. Never friendly, never cute. Technical precision beats broad enthusiasm.

✓

Show craft over status. Demonstrate, do not claim. Short sentences, strong claims, no hedging.

✓

Passionate about computing, not about "tech" in the abstract.

✕

Never use em-dashes (—), not even in titles. Use periods or commas.

✕

No emoji in headings, captions, or body copy.

✕

No stock phrases like "passion for tech", "tech enthusiast", "digital native".

Imagery

Visual Style

On brand

Retro machines: C64, Amiga, Atari ST, terminals
CRT glow, scanlines, PETSCII
Real code with real syntax highlighting
TV frames, bezels, showroom compositions
Archival hardware photography

Off brand

Stock photography of any kind
Glossy 3D laptop-on-desk renders
Abstract corporate gradients
Standalone glassmorphism / skeuomorphism
Generic AI-generated imagery

Phrases

Taglines & Phrases

Use

Forty years of computing, through my own eyes.
From the Commodore 64 to Claude Code.
Interactive retro terminals, C64 to Claude.
Documenting my 40-year love story with computers.
Hands-on Claude, MCP, and AI coding.

Avoid

Passion for tech
Tech enthusiast
Bringing innovation to the forefront
Unlocking the power of AI
Digital native

Data

For Agents

The full brand is embedded as JSON in this page. Parse <script id="brand-data"> to use it programmatically.

const res = await fetch('/brand-kit/');
const doc = new DOMParser().parseFromString(
  await res.text(), 'text/html'
);
const brand = JSON.parse(
  doc.getElementById('brand-data').textContent
);

brand.tagline;        // Forty years of computing...
brand.colors.accent;  // { c64Blue, c64LightBlue, ... }
brand.voice.forbidden;

Keep the JSON in sync with the slides. Every edit to one should be reflected in the other.

Variant · Bright

Vibrant.

The bright variant uses a saturated cyan fill with dark ink for punchy announcements and moments that need to pop.

Use sparingly. Max two bright slides per deck to preserve impact.

Variant · C64 Mode

Two blues. One era.

Classic Commodore 64 boot-screen palette. Dark blue ground, light blue accent, white text on top. Reserved for retro computing content and nostalgic callbacks.

READY. · LOAD "*",8,1 · RUN

Variant · Announcement

New thing coming.

The split variant pairs content with a hero image. Ideal for product launches, personal news, and feature announcements.

Content left, image right, 50 / 50 ratio, full bleed.