Plot — Brand Assets

Logos, marks, favicons, app icons, and color tokens for Plot.

The mark is a vertical three-stripe color bar — Plot's core brand device, reading as a Rand-style striped logo and an RGB/CRT test pattern at once. The wordmark is lowercase plot, set in IBM Plex Sans SemiBold and outlined to vector paths, so every SVG and PNG renders identically with no font dependency.

Structure

logo/        Lockups (mark + wordmark) and the mark on its own — SVG + PNG
favicon/     favicon.svg/.ico, PNG favicons, Apple touch icon, PWA icons, manifest
social/      Open Graph / social share image (1200×630)
brand/       Color tokens (colors.json, colors.css)

Logos

File	Use
logo/plot-logo.svg · .png · @2x.png	Primary lockup, light backgrounds
logo/plot-logo-dark.svg · .png · @2x.png	Lockup for dark backgrounds (brighter players, white wordmark)
logo/plot-logo-mono.svg · .png	Single-hue/grayscale contexts
logo/plot-logo-white.svg · .png	All-white reverse, for photos/solid color
logo/plot-mark.svg + plot-mark-{16..512}.png	Mark only (light)
logo/plot-mark-dark.svg · plot-mark-mono.svg · plot-mark-white.svg	Mark variants

Favicons & app icons

File	Use
favicon/favicon.svg	Modern SVG favicon
favicon/favicon.ico	Multi-resolution 16/32/48
favicon/favicon-{16,32,48}.png	PNG favicons
favicon/apple-touch-icon.png	180×180 iOS home screen
favicon/icon-192.png · icon-512.png	PWA (purpose any)
favicon/icon-maskable-{192,512}.png	PWA maskable (mark inset to central 80% safe zone)
favicon/site.webmanifest	Web app manifest referencing the icons above

HTML

<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
<link rel="icon" href="/favicon.ico" sizes="any" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta property="og:image" content="/og-image.png" />

Colors

Players carry the RGB identity; neutrals are the IBM Carbon gray ramp. Tokens in brand/colors.json and brand/colors.css (light defaults + [data-theme="dark"]).

Token	Light	Dark
player-r	#DA1E28	#FF5B63
player-g	#24A148	#42C46B
player-b	#0F62FE	#4D8DFF
text	#161616	#f4f4f4
bg	#ffffff	#0d0d0c

Extended players: c #0CA6C4/#2EC2DC, m #C72FA0/#E156BC, y #E8B400/#F5C518. Mono mark value steps: #161616 · #525252 · #8d8d8d.

Typography

• Wordmark / UI: IBM Plex Sans (wordmark is SemiBold, letter-spacing: -0.05em)
• Code / mono: IBM Plex Mono

The wordmark in these assets is pre-outlined, so the font is not required to use them.

Usage rules

• Lockup ratio is fixed — mark : wordmark : gap = 30 : 26 : 11. Don't re-space.
• Wordmark is single-color — the mark carries the RGB; never multi-color the word.
• Clear space — keep at least one stripe-height of empty space around the lockup.
• Don't rotate, skew, recolor the stripes individually, add effects, or reorder R/G/B (top→bottom is always red, green, blue).
• On busy or photographic grounds use plot-logo-white.svg or the mono lockup.

Credits / license

Brand assets © plot.ws. The wordmark is derived from IBM Plex Sans, licensed under the SIL Open Font License 1.1 (© 2017 IBM Corp.) — see https://github.com/IBM/plex.