Skip to content
Homepage Get Captions

Spam / Made with Tesseract

From Spam’s app identity to a launch video.

Spam’s photo trails, arcade lettering, and neon landscapes become a 15-second app launch video, with matching designs in four social formats.

Spam showreel · 15 seconds · 1920 × 1080Created in Tesseract

An example identity developed and refined in Tesseract. Explore the brand kit and editable source below.

The starting point

The brand kit.

The browser-based guide documents custom letterforms, logo variants, the palette, pixel typography, and motion rules. The download includes the guide with its media and editable logo projects.

Download brand kit
Midnight#0B0620
Magenta#FF2E88
Cyan#19E6FF
Sunburst#FFD23F

Where the guidelines show up.

The visual identity shapes the scenes, typography, and motion throughout the film.

Spam showreel scene moving through layered neon photo frames toward a sunset
01

The photo trail becomes the transition.

The icon’s stacked frames become depth, repetition, and movement in the film. The same recognizable shape connects the identity to the photo-sharing product.

A frame of Spam’s showreel with large pixel lettering and a bright arcade color palette
02

Custom lettering sets the tone.

The kit defines a chrome wordmark and a custom pixel alphabet. The film uses large, short phrases and bright color changes to give that typography room to work.

Spam phone-interface scene with neon framing, a heart graphic, and floating interface callouts
03

Motion rules carry into the product scene.

Staggered frames, interface callouts, and layered graphics extend the identity around a phone. The guide describes how elements enter and settle, as well as how they look.

Keep the source

A render you can watch.
A project you can keep editing.

The showreel includes an editable Tesseract project. Ask your agent to inspect the composition and change a headline, graphic treatment, or animation while preserving the rest.

The project contains native creative elements and its required media. Supplied images and audio remain media assets.

  1. 01
    Typography and lettering

    Edit text or adjust the vector shapes used for custom letterforms.

  2. 02
    Graphics and effects

    Inspect shapes, groups, gradients, and layer treatments.

  3. 03
    Timing and motion

    Revise animation and scene timing in the project.

The designs around the video.

Spam’s templates adapt the identity for stories, square posts, portrait posts, and banners.

Spam story · 9:16 template
Story · 9:16
Spam square post · 1:1 template
Square post · 1:1
Spam portrait post · 4:5 template
Portrait post · 4:5
Spam banner · 16:9 template
Banner · 16:9

Photo areas are placeholders. Add your imagery before publishing.

Start with the example files.

Download the references and editable sources. Open the projects through an agent with Tesseract installed.

Use this as a reference

Try a similar brief.

Attach the kit and your chosen music. For a different brand, replace the visual direction with your own guidelines.

Suggested starting prompt. These examples were developed through iteration.

Spam video brief

Use the attached Spam brand kit to create a 15-second app launch video in Tesseract. Preserve the custom chrome wordmark, pixel lettering, neon photo trails, and synthwave setting. Follow the guide’s motion rules: stagger the frames, unfold the echoes, and give the lettering a deliberate overshoot. Include a product-interface scene using the assets I supply; label any invented interface as a concept. Plan the sequence to my chosen music, with a cue for each cut and animation. Keep the compositions, graphics, text, and timing editable. Preview the opening, product scene, and end card before rendering a draft for review.

Explore another visual direction.

Read the brand-kit-to-video workflow →

Your next design.
Made with your agent.

Professional creative tools for your AI agent.

Install ChatGPT Plugin

Read the prompt

Set up Tesseract by Mirage so you can create editable designs, edit videos, and make motion graphics in this agent’s environment. Read https://github.com/mirage-hq/Tesseract and check the requirements for this local or hosted environment. If it is supported, follow the official plugin or skills installation guide, use its required runtime version, verify the download checksum, and confirm a short preview renders correctly. Then ask what I want to make and which brand references or source assets I have. Keep the editable project and source assets with the finished render.

Paste this into your agent

Set up Tesseract by Mirage so you can create editable designs, edit videos, and make motion graphics in this agent’s environment. Read https://github.com/mirage-hq/Tesseract and check the requirements for this local or hosted environment. If it is supported, follow the official plugin or skills installation guide, use its required runtime version, verify the download checksum, and confirm a short preview renders correctly. Then ask what I want to make and which brand references or source assets I have. Keep the editable project and source assets with the finished render.