Year-End Clearance - Price Tag Hero Template
A clearance sale that looks like the rack itself. "EVERYTHING / MUST GO." stacks in heavy Bricolage Grotesque on paper white, with "GO." in tomato red, "Up to 60% off last season" in Space Mono beneath, and a tomato "Shop clearance" pill. On the right a big manila price tag swings in on its string, carrying "CLEARANCE ENDS IN" over three boxed numbers - a live countdown in days, hours, and minutes. Built for the fictional outdoor store Ridgeback Outfitters, this four-pane year-end clearance hero runs between Christmas and New Year, or any time you need to clear last season's stock.
#What Makes This Template Stand Out
The price tag is the countdown, and it travels. On the first pane it hangs large on the right third. On the two product panes it shrinks into the top-right corner, still ticking, while the headline shrinks to a small "EVERYTHING MUST GO." chip top-left. On the closing pane it swings back to the center. The tag tilts at a slightly different angle on every pane, so it looks like it is swaying on its string as it moves. The tag is drawn from shapes - outline, punched hole, ring, and string - with the brand "RIDGEBACK OUTFITTERS" and "YEAR-END CLEARANCE / ALL SALES FINAL" printed at the bottom.
Every product gets its own tag. The tent pane shows an orange "Trailhead 2P Dome Tent" cutout tied to a small manila tag where "$389" is slashed by a drawn tomato line before "$155" number-rolls in, with "N°01 / SHELTER" above the name and a tomato "ONLY 12 LEFT" chip below. The trail pane pairs leather hiking boots ("$210" to "$99") with a charcoal down vest ("$180" to "$72") under "Trail-tested. Priced to clear." and a "LIMITED SIZES" chip. The strings run from a tie point on each product to the hole in its tag.
The close is blunt: "Final markdowns.", "Once it's gone, it's gone.", a second "Shop clearance" pill, and a tomato "60%" that number-rolls between "UP TO" and "OFF LAST SEASON". Tags drop in with a swing, cutouts pop, strikes draw, and prices roll, all in a loop of about 16 seconds.
- 2:1 homepage hero (1920x960) for a year-end or Boxing Day clearance
- Live countdown as boxed "{dd}" "{hh}" "{mm}" digits on a swinging manila price tag
- Ended state: the clock is replaced by a stomping "FINAL DAY" stamp
- Product cutouts with their own tags, drawn price strikes, and number-roll prices
- Traveling tag and shrinking headline chip across all four panes
- Exports to HTML, React, Vue, Svelte, and Next.js, or embeds as a hosted link
#Who Should Use This Template
- Outdoor, sporting goods, and apparel stores clearing winter stock in the last week of the year.
- General retailers and ecommerce brands running a Boxing Day, year-end, or end-of-season clearance.
- Shopify and Webflow store owners who want a homepage hero with a working countdown and no custom code.
- Ecommerce agencies producing post-holiday sale heroes for several clients from one structure.
#Best Use Cases
#Year-End Clearance Homepage Hero
Export to HTML or React and swap it in for your regular hero from December 26. The first pane says what is happening and how long is left, the product panes show real markdowns, and the close sends shoppers to the clearance collection. The countdown keeps ticking on every pane.
#Boxing Day and End-of-Season Sales
Nothing in the copy names a date. Rewrite "YEAR-END CLEARANCE / ALL SALES FINAL" as "BOXING DAY" or "END OF SEASON", reset "Ends at", and the same hero covers your summer clearance or a warehouse sale.
#Clearance Landing Page Header
Place the hero at the top of a dedicated clearance page with the full product grid below. Swap the three cutouts for your deepest markdowns so the hero previews the best deals before shoppers scroll.
#How to Customize This Template
- Open PaneFlow and select "Year-End Clearance - Price Tag Hero" from the template gallery
- On the big price tag, select the
{dd},{hh}, and{mm}digits one at a time and set the same "Ends at" in each "Countdown" group - Turn on "Preview" to check the "FINAL DAY" stamp, and edit the stamp text if your sale ends at the countdown
- Replace "RIDGEBACK OUTFITTERS" and "YEAR-END CLEARANCE / ALL SALES FINAL" on the tag with your store and sale name
- Edit "EVERYTHING", "MUST", "GO." and "Up to 60% off last season" on the first pane
- Swap the tent, boots, and vest cutouts, rename "Trailhead 2P Dome Tent", and update the WAS and NOW prices on each small tag
- Rewrite "Final markdowns.", "Once it's gone, it's gone." and the "60%" column on the last pane
- Point both "Shop clearance" pills at your clearance collection, then export to HTML, React, Vue, or Svelte, or publish as a hosted link
#Related Templates
- Black Friday Doorbusters - Deal Grid - product deal cards with live per-deal countdowns
- Black Friday Hero - Acid Price Slash - a 2:1 sale hero with drawn price strikes for November
- Year-End Sale Band - Marquee Strip - a slim promo band to run on inner pages during the clearance
- New Year's Eve - Countdown to Midnight - a giant live clock for the last night of the year
#Related Resources
- PaneFlow for Ecommerce - sale heroes, product sections, and promo banners for online stores
- PaneFlow for Landing Pages - hero sections exported to code or embedded anywhere
- Text and Countdown Docs - how boxed countdown digits, "Ends at", and ended states work
Start with Year-End Clearance - Price Tag Hero
Open this template in PaneFlow, customize it to match your brand, and export as HTML, React, Vue, or video.
