A till receipt strikes the price and counts the total down. Cobalt and paper.
SALES &
PROMOS!
The landing page, the ads, the countdown, the reel and the email header, in one brand, in one file, in one week. The discount is your call. The noise is ours.
The animated sale post template in Animate, its square size in view. Space plays it: the offer panel scales up with an overshoot and swells, then what it covers and when it ends rise in.
SALE!
THE BRIEF
Sage Hollow sells gift cards on Black Friday
Sage Hollow is a small spa: Breathe. Restore. Return. It is also the Wellness & spa example brand kit in PopCraft, so it is our example shop. Every November they sell gift cards at 30% off and every November it is a scramble: a landing page from a builder, ads from a freelancer, an email from the email tool's template that looks like everyone else's.
This year the owner has one file, ten days and a rule: nothing goes out that does not look like the spa. Here is the run, day by day.
31
Black Friday templates
5
looks, each a full set
600×300
animated email header
1
brand kit across the lot
THE RUN OF SHOW
Ten days, cut along the dotted line
Each coupon is a day, what goes out, and the template it starts from. All of them are in the gallery today.
COUPON 01 · ✂
MON −10
The landing page goes up, sign-ups only
Black Friday sale landing page
COUPON 02 · ✂
WED −2
The countdown post starts ticking
Black Friday countdown post
COUPON 03 · ✂
FRI 00:01
Display ads and the email header
Black Friday display ad set · email header
COUPON 04 · ✂
FRI 12:00
The deal-drop reel for stories
Black Friday receipt deal drop
COUPON 05 · ✂
SUN
The last 24 hours story
Black Friday last 24 hours story
COUPON 06 · ✂
MON
Take the page offline. Breathe.
Publish › Take offline
STEP 1
Pick a look (there are five)
The 31 Black Friday templates come in five looks. Each look is a set: a landing page, a display ad set and an animated email header, with countdown posts, deal reels and last-day stories between them, and two GIF cards for the group chat (Shop till you drop! and I'm going shopping. Don't wait up.). Pick the look, and you have the whole sale.
COUPONS
A supermarket coupon circular on newsprint: scissors snip a coupon free, price stickers tick.
NEON
A shopfront at night: a neon SALE sign flickers on, letter by letter, over brick.
SCRATCH CARD
A lottery scratch card that cannot lose: a coin scrapes off the foil to show the deal.
TICKER
A trading floor on salmon paper: ticker tape, and a chart that falls off a cliff.
STEP 2
The landing page, in the spa's colours
The classic Black Friday sale landing page is drawn as a till: the hero receipt strikes the full price and counts its total down to the sale price, a live sale clock ticks, and the offers hang as receipts. Apply the kit and the cobalt becomes sage and forest; the name and the fonts follow.
Then the rewrite: three receipts become three gift cards (one treatment, a day, a year of Sundays). Want early-access sign-ups before the sale? Draw a field and a button, make them a form in the Design panel's Web section, and connect a database to keep what it sends. The publishing page covers the rest.
The Black Friday sale landing page template, drawn as a till receipt, its Desktop frame in view. From ⋯, Brand kit… opens; the Wellness & spa example kit (sage, forest and clay) is applied, and the page takes its colours, fonts and name.
STEP 3
Publish ten days early
Click Publish, type an address, and it is online. On Friday you publish the version with the real prices; on Monday, Take offline. The versions stay, so next November starts from this one. Your own domain means sending it to a Vercel project.
A website that is already published as Version 1. The headline is changed on the canvas, the Publish dialog is opened from the ⋯ menu and Publish again makes Version 2, which goes live. Make live on Version 1 puts the earlier version back; Take offline stops the site; Make live on Version 2 puts the new one online again. The site is then opened on its own and shows the new headline.
The animated launch page with a working waitlist template, signed in. Publish in the top bar opens the Publish dialog, the address launch-week is typed and Publish puts Version 1 live. The published site is then opened on its own: its entrance animation plays as it would for a visitor.
STEP 4
The posts: number first, terms last
Not every promo needs a till receipt. The plain Sale post puts the number first and the terms last, in post and story sizes. Its animated twin, the Sale post, scales the offer panel up with a little overshoot, swells it, then raises what it covers and when it ends: six seconds, square with 4:5 and 9:16 cuts.
The Sale drop promo is the twelve-second vertical version, offer on a red panel, shop button rising in, all of it dropping away to loop. Export each as MP4 for stories and reels. The social media use case covers sizes for every network.
The animated sale post template in Animate, its square size in view. Space plays it: the offer panel scales up with an overshoot and swells, then what it covers and when it ends rise in.
STEP 5
Countdown, deal drop, last call
The motion between the ads is where Black Friday gets loud. Each look has a countdown post for the days before, a deal reel or deal drop for the day itself (the classic one prints the deal on a till slip and lands a claim button), and a last 24 hours story for Sunday. Same kit, same rewrite, same export button.
The Black Friday receipt deal drop template in Animate, zoomed on its story size. Space plays it: the till prints the deal slip and the claim button lands.
The Kinetic headline template in Animate, zoomed on its frame. Space plays it: the headline’s words punch in one after another and the highlight pill slides under the key word, all from ordinary keys and curves on the timeline below.
A logo reveal in Animate. The download button in the transport bar opens Export animation. MP4 shows frame rate, range, resolution and quality with a summary of the size; GIF switches to palette, dither and loop settings; Lottie lists what the file can carry. The frame rate is set to 120 fps for MP4.
STEP 6
An email header that moves (and survives Outlook)
The Sale email header is 600 × 300 and a seamless four-second loop: a ticker scrolls, the offer swells, the button nudges. The offer, what it covers and when it ends are all on the first frame, because some versions of Outlook only show the first frame. Each Black Friday look has its own header too.
Export it as a GIF: Palette on Shared so it does not flicker, Loop forever. Drop it at the top of the email in whatever sends your newsletter. Building the whole email in PopCraft? The email and slides page shows email HTML export.
The 600 by 300 sale email header template in Animate. Space plays it: the ticker scrolls, the offer swells and the button nudges, a loop made to export as a GIF.
STEP 7
The display ads
The display ad sets are landscape and square: the classic set is 1200 × 628 and 1200 × 1200, half off in heavy type beside a till receipt with the list price struck through. Apply the kit, rewrite the offer, export PNGs and upload them to the ad network. The coupons, neon, scratch card and ticker looks each have a set of their own.
A launch post with its frame selected. At the bottom of the Design panel, Add export adds an export setting; its scale is set to 2x, with PNG as the format, and Export Page 1 writes the file.
The Love you more card in its Doodle theme, in Animate. The export button in the transport bar opens Export animation; GIF is picked as the format, showing its shared palette, dither and loop forever settings and the summary of the size, frame count and estimated file size.
WHAT YOU SKIP
A sale week, before and after
| THE USUAL SALE | IN POPCRAFT |
|---|---|
| A landing page builder for ten days | A template, published, then taken offline |
| A freelancer for the countdown and reels | Countdown, deal drop and last-call templates |
| The email tool's stock header | An animated header that keeps its offer on frame one |
| Ads resized by hand, five times | A display ad set, already in its sizes |
| Colours that drift between channels | One brand kit, applied to every file |
FROM ZERO
Six moves to a loud weekend
- 1
Pick a look
Five Black Friday looks, each a landing page, display ads, an email header and motion posts. - 2
Apply the brand
⋯ › Brand kit…, Apply to document. Do it in every file of the set. - 3
Rewrite the offer
The templates sell a software plan. Change the words, the prices and the picture to yours. - 4
Publish the page
Publish, an address, a sign-up form if you want early access. Your own domain via Vercel. - 5
Export the noise
Display ads as PNG, posts and reels as MP4, the email header as a looping GIF. - 6
Take it down
Take offline on Monday. The versions stay for next year.
WHO DOES WHAT
We make the noise, your shop takes the money
POPCRAFT
SALE!The landing page, the ads, the posts, the reels, the email header and the GIFs, in your brand.
YOUR SHOP
KA-CHING!Checkout, discount codes, payments, stock. On Shopify? PopCraft can design the store too: sell online.
YOU
HMMThe offer. A template cannot tell you whether 30% is too much.
BEING HONEST
Written for software. Rewrite it.
The Black Friday sets sell an imaginary software plan, so plan on rewriting the copy. Coupon codes are text, not working codes. Payments and discounts happen in your shop. A published page lives at a PopCraft address unless you send it to Vercel. Everything else on this page is in the gallery today.
ASKED & ANSWERED
Questions, answered
Are the Black Friday templates for shops?
They were written for a software sale: half off an annual plan, three plans hanging as receipts, a lifetime deal with seats counting down. They are ordinary templates, so every word, price and picture is yours to change, and a brand kit re-skins them. Expect to rewrite the copy for a shop or a service.
Does the countdown on the landing page really count?
Each landing page has a sale clock that ticks. Set its time in the design, then check the published page before you trust it with a real deadline.
Can PopCraft take the orders?
No. It makes the page, the ads and the email; the money happens in your shop. If you sell on Shopify, PopCraft can design and export the store itself: see the sell online use case. Otherwise, link the button to your checkout.
Will the email header work in Outlook?
The sale email header puts the offer, what it covers and when it ends on the first frame, because some versions of Outlook show only the first frame of a GIF. The animation is a bonus for everyone else.
Do the coupon templates make real codes?
They are designs. The code on the coupon is text you type; the code that works at checkout comes from your shop.
What sizes are the display ads?
The classic set is 1200 × 628 and 1200 × 1200. The other looks follow the same idea; check each set's frames, which are named by size.
THE MANUAL, FOR THE DETAILS
KEEP EXPLORING
Goes great with
SALE! YOUR TURN.
Black Friday, coupons, display ads and the landing page that converts. Free to start, in your browser or on your Mac.