Year-End Sale Band - Marquee Strip Template

Not every sale deserves the whole homepage. This year-end sale banner is a 3:1 strip that sits politely between sections: a warm paper band, a ghosted ticker of sale terms drifting behind, a white offer card, a product cutout, and one tangerine "Shop the sale" pill. Built for the fictional outdoor apparel brand Marlow Supply, the card glides from left to center to right across three panes - "Up to 50% off everything", "Free shipping over $75", "Ends Sunday" - while an orange puffer jacket, leather hiking boots, and a forest green quarter-zip rotate through the open space.

#What Makes This Template Stand Out

The mechanic is the glide. The white rounded card is one block that changes position on every pane, and the 800ms transition is intentionally long so the card visibly travels rather than cuts. Each position reveals a different product on the opposite side and a different message inside the card, so three panes feel like one continuous gesture instead of three banners. On the final pane the pill tucks left of the card, and when the loop wraps the card slides home to the left edge - the seam reads as motion, not a restart.

Behind the card, the marquee does the quiet work. "YEAR-END SALE · UP TO 50% OFF · FREE SHIPPING OVER $75 · ENDS SUNDAY" runs across the whole band in Archivo Black at 12% opacity, so the full offer is always present even when the card is showing only the shipping message. It is the single looping animation, and it never competes with the card because it is closer to texture than text.

Typography and color stay retail-clear. Archivo Black sets "Free shipping" and "Ends Sunday" in deep forest green, Inter Tight renders the tangerine "50%" at display size with a number-roll entrance, Inter handles the "Up to" and "off everything" lines, and Space Mono appears on the "MARLOW SUPPLY" chip and the outlined "NO CODE NEEDED" and "WHILE STOCKS LAST" tags. Tangerine is used only twice - the discount and the CTA - which is why both are the first things the eye finds.

• 3:1 band format (1920x640) that sits between page sections instead of replacing the hero
• Offer card that glides left, center, and right with an 800ms transition
• Seamless drifting marquee of the full sale terms at 12% opacity behind everything
• Tangerine "50%" number-roll and a single tangerine CTA pill
• Three product cutouts rotating through the open side of the band
• Loops automatically at 4s per pane and exports to HTML, React, Vue, Svelte, and Next.js

#Who Should Use This Template

• Store owners who want the sale visible on every page without redesigning a single one of them.
• Webflow and Framer designers adding a seasonal band to a client site for two weeks and removing it cleanly afterwards.
• Content-led brands that run a blog or lookbook and need a promo strip that interrupts gently mid-article.
• Developers maintaining a storefront who would rather drop in an exported React or Vue component than build a ticker by hand.

#Best Use Cases

#Year-End Sale Banner Between Homepage Sections

Export to HTML or React and place the band between your hero and your bestsellers grid. The hero keeps its evergreen job, and the sale gets its own lane. When the sale ends, removing one component returns the page to normal.

#Webflow, Framer, and Shopify Embeds

Publish the project as a hosted link and embed it with the platform's embed or custom code element. The band keeps its 3:1 aspect as the container resizes, the marquee keeps drifting, and the pill can carry a URL click action to your sale collection.

#Blog, Lookbook, and Footer Placements

Drop the band above the footer or between long-form article sections where a full hero would feel like an ad takeover. Because the ticker always carries the full terms, even a reader who glances once gets the discount, the shipping threshold, and the deadline.

#How to Customize This Template

1. Open PaneFlow and select "Year-End Sale Band - Marquee Strip" from the template gallery
2. Edit the marquee phrase "YEAR-END SALE · UP TO 50% OFF · FREE SHIPPING OVER $75 · ENDS SUNDAY ·", keeping every repeat identical
3. Replace "MARLOW SUPPLY" on the card chip with your brand name
4. On the first pane, update "Up to", "50%", and "off everything" and swap the puffer jacket cutout
5. On the second pane, rewrite "Free shipping" and "over $75", the "NO CODE NEEDED" tag, and replace the boots
6. On the third pane, update "Ends Sunday", "Last chance on winter layers", and "WHILE STOCKS LAST", then swap the fleece
7. Add a URL click action to each "Shop the sale" pill pointing at your sale collection
8. Preview the glide and the marquee seam, then export to HTML, React, Vue, Svelte, or Next.js, or publish as a hosted link

#Related Templates

• Marquee + Anchor - Ticker Behind - the drifting-ticker-behind-a-subject move in a dark event teaser
• Stats Band - Number Roll Strip - another slim band format, built for proof numbers
• Testimonials Band - Pulled Quotes - a band-shaped section for social proof between content blocks
• Black Friday Hero - Acid Price Slash - the full-height hero version of a sale announcement

#Related Resources

• PaneFlow for Landing Pages - animated sections that export to production code
• PaneFlow for Webflow - embedding animated sections into Webflow sites
• PaneFlow for Ecommerce - sale bands, product sections, and seasonal store assets