Brand kit

Logo, favicons, social banner, and an OG image. SVG is the source of truth — PNGs are rasterized for product integrations that can't render SVG (Slack avatars, GitHub social previews, marketplace listings).

§ 01 · LOGO LOCKUP

Mark + wordmark

The mark layers a paper page (red ledger margin, hairlines, folded corner) under a terminal cursor block — the literal "old paper meets new terminal" idea. The wordmark uses JetBrains Mono Bold with the rule-red // prefix that appears throughout the product.

logo.svg on paper background · 520 × 160 · use on light surfaces

SVG PNG · 2×

logo-transparent.svg transparent · 520 × 160 · default for product integrations

SVG PNG · 2×

logo-dark.svg dark / terminal surfaces · same lockup, lifted contrast

SVG PNG · 2×

mark.svg mark only · 64 × 64 · for tight spaces (chat avatars, mobile)

SVG

§ 02 · FAVICON

Browser tab

SVG-first (sharp at any zoom on modern browsers), with PNG fallbacks at 16, 32, 64, 180 (Apple touch), and 256 px. Stripped down for legibility under 32 px: a paper square, the red margin, and a corner-mounted terminal wedge.

16 · tab

32 · tab

64 · pinned

128 · launcher

180 · apple-touch-icon (paper-padded)

↓ favicon.svg ↓ favicon-32.png ↓ favicon-16.png ↓ favicon-64.png ↓ apple-touch-icon.png

  <link rel="icon" type="image/svg+xml" href="/brand/favicon.svg">
  <link rel="icon" type="image/png" sizes="32x32" href="/brand/favicon-32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/brand/favicon-16.png">
  <link rel="apple-touch-icon" sizes="180x180" href="/brand/apple-touch-icon.png">

§ 03 · BANNER

Product banner · paper × terminal

A wide banner for product integrations — GitHub repo header, README hero, marketplace listings, course thumbnails. Holds the full paper-then-terminal duality the product is built on.

§ 04 · SOCIAL

Open Graph preview

Square-ish 1200 × 630 card optimized for link unfurls on Twitter / X, Discord, Slack, LinkedIn, Mastodon. Big mark, big italic promise.

§ 05 · USAGE

Quick rules

Use the // Palimpsest lockup wherever there's room for the wordmark. Use mark.svg when there isn't.
Keep clear space around the lockup equal to the height of the // glyphs.
Don't recolor the rule-red //. That's the one anchor that ties the wordmark to the rest of the product.
Don't put the paper variant on a saturated background. Use logo-dark.svg on anything darker than mid-grey.
Need a single-color version? Strip the mark to its outline; the wordmark holds its own as text.