Motion

Motion that behaves in an inbox.

Most animated signatures loop a wiggle forever. WickBrand choreographs the card once, holds, and keeps your contact lines as real text. Here is exactly how.

Plays once, then holds.

About two seconds, then the finished card stays. No distraction when the reader comes back to the thread.

First frame is the finished card.

Classic desktop Outlook shows only the first frame of a GIF. We make that frame the complete card, so nothing is ever missing.

(713) 555-0142

Text stays text.

Only the identity card and the banner are images. Phone, email and site are HTML, so they are clickable, searchable and readable by screen readers.

Rendered by code.

Every frame is drawn by our renderer from your brand kit, with your real fonts and photo. No video, no templates stretched to fit.

Frame by frame.

The same brand kit, four choreographies. Times are seconds from when the email opens; the last frame is where it holds.

Stack The brand bar grows from the middle outward · The mark pops in with a small overshoot · The name rises and fades in · The title follows a beat behind · An accent streak draws itself under the name

0.00s
0.35s
0.70s
1.05s
1.40s
holds

Poster The colour block wipes in from the left · The initials or photo slam into the block · The name wipes across, left to right · A thick rule slams down under it · The title row rises; the accent stripe follows

0.00s
0.35s
0.70s
1.05s
1.40s
holds

Sticker The whole card drops in and bounces · The mark pops with an overshoot · The name pops a beat later · The title fades up · The brand sticker slaps on at a tilt

0.00s
0.35s
0.70s
1.05s
1.40s
holds

Noir A hairline draws across the top · A ring traces around the photo · The name fades up, slowly · One accent glow blooms once and settles · A fine streak signs off under the name

0.00s
0.35s
0.70s
1.05s
1.40s
holds

The banner moves too.

The headline rises, the button pops in, presses once with a ripple, then holds. The whole banner is the link.

Stack bannerPoster bannerSticker bannerNoir banner

What each inbox does.

InboxAnimated cardWeb fonts in typed textRounded corners
Gmail (web and app)Plays once, holdsStandard font fallbackYes
Outlook (new, web, Mac)Plays once, holdsStandard font fallbackYes
Outlook classic (Windows desktop)Shows the finished card (first frame)Standard font fallbackSquare corners
Apple Mail (Mac, iPhone)Plays once, holdsYesYes
Yahoo, Proton, othersPlays once, holdsStandard font fallbackYes

Anything inside the animated card is an image, so your fonts and corners always show there, in every inbox.

Under the hood.

0frames a second
0xpixel density, so it is sharp on phones
150 to 450 KBper card, depending on the photo
Permanentaddresses, never expiring

The card is drawn as a sequence of actors on a timeline: a bar that grows, a mark that pops, a name that rises, a streak that draws. Each look has its own timing and easing. The first frame and the last are the finished card, so the file is safe for inboxes that freeze or block animation.

Make yours move.

Build a still signature first, then add motion on its page.

Open the studio