Prefire Brand Kit

01

Your previews are already tests. Everything starts here.

Prefire takes what developers already wrote and turns it into checks, a catalog and images an agent can see. The brand shows that work instead of decorating it.

01

Real output, not illustrations

Every product shot is a real render from prefire render. No mocked screens, no invented numbers.

02

A warm signal on a calm tool

Night carries the surface. Ember and rose appear as rays, glow and one accent per screen.

03

Say what it does

Short, concrete sentences in the developer's words. The result first, then how.

02

The logo. Flame and word.

The flame sits in a rounded square in the mark color. The word is Inter Semibold with tight tracking, set beside the mark at the same height.

Prefire

primary, on night

Prefire

on plum, for covers

Prefire

on paper, for print and light docs

Prefire

clear space: half the mark height on every side

Prefire40 px

Prefire20 px

24 px mark

MinimumLockup 20 px tall on screen, 7 mm in print. Mark alone 16 px.
Mark aloneApp icons, avatars, favicons, and where the name is already nearby.
NeverRecolor the flame, stretch the mark, add outlines or shadows to the word, or put it on a busy photo.

03

Color. Night first, fire as a signal.

Most of every surface is night. Text sits in three steps of warm grey. Ember and rose are for rays, glow and the one thing to notice.

Night#070607Page background

Surface#0F0D0ECards, panels

Text#F4F1EEHeadlines, body, primary button

Ember#FF6A35Rays, links, active states

Rose#E0336BSecond stop of rays and glow

Plum#31001ECovers, deep backgrounds

Text 2#A19A9EDescriptions

Text 3#625C60Labels, captions, comments

Ray#FF6A35 → #E0336BThe only gradient

Share of a typical screen

night 70

surface 14

text 10

6

04

Type. Inter and JetBrains Mono.

Inter for everything people read. JetBrains Mono for code, commands and file names, never for headings or labels in caps.

Your previews are already tests.

Inter Semibold 84 / 1.02 / −4.5%

Title 52Let your agent see SwiftUI.

Card 18Snapshot tests, generated

Body 16The build plugin writes a test for each preview and compares it with the reference image.

Mono 13prefire render --list

#Preview("Trip delayed") {
    TripView(status: .delayed(minutes: 45))
        .previewUserStory(.trip)
        .previewState(.delayed)
}
// keyword, type, function, string, comment

Code keeps the syntax colors from the tokens. Show real Prefire API only.

05

Graphic language. Rays, grain, real screens.

Five pieces build every surface. Use rays once per page, behind the main message, and let product shots do the rest.

Ember rays

Parallel bands at 36°, ember to rose, softly blurred and faded out at the edges. Behind heroes and closing calls only.

without grain

with grain

Grain

Fine noise over rays and gradients, and very faintly over the whole page. It keeps the fire from looking like a flat CSS fill.

Product shots

Real prefire render output in a dark phone frame with a warm glow underneath. Light and dark renders of the same screen sit side by side.

A card

1 px line, a faint top highlight and a gradient that fades down.

Primary Secondary

Surfaces and buttons

Radius 22 for cards, 11 for buttons, 50 for phone frames. One light button per screen.

.previewState(.default)

Motion

Motion shows the product working: a screen moves through its preview states, rays drift slowly, content rises in as it scrolls into view.

StatesCrossfade 0.7 s, a new state every 2.8 s. Show the state name next to it.
EnterRise 18–40 px with opacity, 0.8 s, cubic-bezier(.2,.7,.2,1). Stagger siblings by 80–150 ms.
RaysDrift ±28 px across their axis over 13–21 s, never faster.
NeverBounce, spin, loop the logo, or move anything when the system asks for reduced motion.

06

Voice. An engineer who saves you time.

Calm and specific. Swift terms stay Swift terms. Promise what the tool does today, with its limits.

Not this	This
Revolutionary AI-powered testing	Snapshot tests from the previews you already wrote
Zero effort, works everywhere	Snapshot tests on iOS, tvOS and macOS. Playbook on iOS.
Give your AI superpowers	Your agent sees the UI it just changed
Seamlessly elevate your workflow	One command to connect: claude mcp add prefire -- prefire mcp

07

Templates. One idea per surface.

Social posts, release notes and talks use the same pieces: a short headline, a real render or real code, and rays.

Prefire

6.3

Render any preview from the terminal.

prefire render "Trip" \
  --color-scheme dark

Release post, 1080 × 1080

Your previews are already tests.

Snapshot tests, Playbook and renders for AI agents from #Preview

Prefire

Talk title slide, 16 : 9

08

Take it with you. Same tokens as the site.

Brand kitPDF TokensCSS TokensJSON

Prefire brand kit

Your previews are already tests. Everything starts here.

Real output, not illustrations

A warm signal on a calm tool

Say what it does

The logo. Flame and word.

Color. Night first, fire as a signal.

Type. Inter and JetBrains Mono.

Graphic language. Rays, grain, real screens.

Ember rays

Grain

Product shots

A card

Surfaces and buttons

Motion

Voice. An engineer who saves you time.

Templates. One idea per surface.

Your agent sees the UI it just changed.

Render any preview from the terminal.

Your previews are already tests.

Take it with you. Same tokens as the site.