Tapage — Festival template

The 10 effects in this site

HALFTONEPremium
Every photo (hero, “Three nights” band, practical info, FAQ): screen-print dot pattern over a black / neon image
Chromatic Aberration TextPremium
The giant TAPAGE word in the hero: white and neon copies slip out of register on hover, like a misprinted screen print
Lens MarqueePremium
The three bands of artist names below the countdown: outlined names, a lens following the cursor fills them with neon
Counter OdometerPremium
The rolling digits of the “Doors open in” countdown (days, hours, minutes, seconds)
Outline to FillPremium
Line-up names: white outline at rest, filled neon on hover (headliners are filled from the start)
Dashed Border MarchPremium
The dashed “ticket” border of the three passes in the ticketing section, marching on hover
Accordion FoldPremium
The six FAQ questions (each panel unfolds like a sheet of paper)
Background SlideFree
Every button (hero, passes, newsletter): the background slides from neon to white or from empty to neon
Line DrawFree
The site map: the basin, quays and buildings draw themselves in neon when the map scrolls into view
Noise OverlayFree
The paper grain over the hero and the two neon blocks (countdown, newsletter)

Screenshots

Click a screenshot to see it full size.

Photos: Pexels (Pexels License). Names, addresses and figures are fictional.

Frequently asked questions

What kind of business is the Tapage template for?

It was designed for businesses such as: festival, concert, trade show, conference, party, venue programme — any event with tickets and a countdown.

Which effects does Tapage use?

10 effects from the Effect.Labs catalogue, 3 free and 7 Premium: HALFTONE, Chromatic Aberration Text, Lens Marquee, Counter Odometer, Outline to Fill, Dashed Border March, Accordion Fold, Background Slide, Line Draw, Noise Overlay. Each one has its own page with a demo and its code.

What do I get, and how much does it cost?

The whole site is shown in the video and screenshots; it is not sold. What you take away are its effects: the “The 10 effects of this template” button adds the Premium ones to your cart, picking the cheapest pack for you, and saves the free ones to your favorites. One-time payment, no subscription; a free account includes 1 Premium effect on us.

How do I use these effects on my website?

Each effect is plain HTML, CSS and JavaScript with no framework or dependency: paste it into any site that accepts custom code (plain HTML, WordPress, Webflow, React, Vue…). You keep your own text, colours and photos.

Does the site work on mobile?

Yes: it is checked on desktop and mobile, in English and French, and its animations are toned down for visitors who asked for reduced motion.