Spam is a photo app for people who shoot everything and post all of it. The identity leans into that excess: a trail of photo frames that never stops, a chrome wordmark with speed lines, and a sunset grid that keeps scrolling. Every asset in this kit is an editable Tesseract project made of vector layers, so colours, copy and timing can change without redrawing anything.
The chrome wordmark
Four custom letters on one grid: 220-unit cap height, 50-unit strokes, a 46-unit arch radius on every outer shoulder and 26-unit letter spacing. The word is slanted 12° for speed, filled with a chrome gradient that breaks at a dark horizon, and cut by three speed lines. A cyan and a magenta extrusion sit behind it, offset 9 and 18 units down-right.
| Rule | Value | Why |
|---|---|---|
| Clear space | 1× stroke width (50 units, about ¼ of the cap height) on every side | Keeps the glow and extrusion from touching other elements |
| Minimum size, full colour | 160 px wide on screen · 30 mm in print | Below this the speed lines and extrusion fill in |
| Minimum size, mono | 96 px wide on screen · 18 mm in print | Solid letters stay legible smaller |
| Slant | −12° skew, never rotated | The slant is part of the letterforms, not a layout effect |
The photo trail
One chrome photo frame holds a striped synth sun over a neon grid. Three echo frames in cyan, magenta and orange trail up and to the left, like a shutter that keeps firing. That trail is the brand's signature move: it unfolds in every animation and repeats behind every template photo.
Midnight arcade palette
Midnight carries the brand. Magenta, cyan and yellow are the neon; use at most two of them in any one layout. Orange appears only inside gradients and the sun. Tap a value to copy it.
Spam Pixel, a 5 × 7 arcade face
Headlines, stickers, handles and taglines use Spam Pixel: an original 5 × 7 bitmap face drawn for this kit, with square cells and a 12% gap between them for an LED look. It covers A–Z, 0–9 and common punctuation (. , ! ? ' - + @ # : / &). Set it in whole-pixel sizes only. For UI and long copy, pair it with Chakra Petch.
| Role | Face | Size · colour |
|---|---|---|
| Headline | Spam Pixel | 11–14 px cells · Sunburst on a midnight pill |
| Subline | Spam Pixel | 5–7 px cells · Cyber Cyan |
| Handle, meta | Spam Pixel | 6 px cells · Chrome White |
| UI and long copy | Chakra Petch 400 / 600 | 16 px base · Chrome White on Midnight |
Burst, unfold, slam
Spam moves like a camera roll on fast-forward. Frames burst in, the trail unfolds with a stagger, letters slam in with a hard overshoot, and the grid never stops scrolling. Intro moves use a back-ease overshoot (0.34, 1.56, 0.64, 1); settling moves ease out (0.16, 1, 0.3, 1).
App open · 2.5 s
The icon pops in, the trail unfolds and the wordmark rises beneath it. The camera then dives through the front photo into the sun and whites out into the app. The logo reveal is also exported as a transparent ProRes 4444 file for placing over your own footage.
Sound: an original synthwave bed (112 BPM, A minor) with a riser, burst clicks and an impact on the wordmark. The mix measures −15.5 LUFS integrated with a −3.3 dBTP true peak, ready for social.
Four formats, one config file
Each template is a Tesseract project with a 6-second loop and a still frame. Change the words or drop in a photo by editing Templates/template-config.json, then rebuild all four formats with one command. The photo is cover-fitted into the chrome frame automatically.
{
"headline": "DUMP IT ALL",
"sub": "POST EVERY SHOT. NO LIMITS.",
"handle": "@SPAM.APP",
"sticker": "NEW DROP",
"photo": "~/Pictures/beach-dump-04.jpg"
}
$ python3 .tesseract-work/templates.py
Keep it loud, keep it clean
Do
- Put the full-colour mark on Midnight or Ultraviolet.
- Switch to the mono marks over photos and busy video.
- Keep the photo trail up and to the left, with echoes in the order cyan, magenta, orange.
- Back pixel headlines with a midnight pill whenever they cross the grid.
- Tilt stickers up to ±8° to give them some attitude.
Don't
- Recolour the chrome gradient or swap the extrusion colours.
- Stretch, rotate or un-slant the wordmark.
- Put all three neons in one layout; pick two.
- Set Spam Pixel at fractional cell sizes; it will blur.
- Place the full-colour mark on mid-tone photos.
Before launch: SPAM is a well-known registered trademark in food products. Have counsel run a clearance search for the name in software and social media. This identity is original and doesn't reference any existing packaging, but the name itself needs checking.
What's in the kit
The kit lives in one folder, Spam Brand Kit/. Every .tsrct file is an editable Tesseract project; the PNG, MP4 and MOV files are exports of those projects.
Spam-icon-1024.png · 512 · 192 · 48
Spam-icon.png (full bleed)
Spam-icon-mark-transparent.png
Spam-wordmark(-transparent).png
Spam-wordmark-mono(-dark)(-transparent).png
Spam-lockup(-transparent).png
Spam-stacked(-transparent).png
Spam-icon / wordmark / lockup / stacked / mark / wordmark-mono(-dark).tsrct
Motion/
Spam-logo-sting-16x9.mp4
Spam-logo-reveal-transparent.mov
Spam-app-open-9x16.mp4
Spam-sting.tsrct · Spam-appopen.tsrct
Templates/
Spam-story / post / post45 / banner (.tsrct · .mp4 · .png)
template-config.json
.tesseract-work/
brandlib.py (palette, letterforms, Spam Pixel)
logo.py · motion.py · templates.py