Home
Templates
Media & Entertainment
Theater & Performing Arts
Marionette - Enchanting Puppetry Landing Page Template
Marionette is a single-column landing page template built for intimate puppetry and children's theater companies. It opens with a cinematic short-form reel, draws visitors through three narrative acts, and closes with a seat-reservation form. The dark theatrical design, animated puppet gallery, and visual show calendar work together to make visitors feel the performance before they book.
by Rocket studio
Marionette is a dark, immersive single-column landing page for puppetry and children's theater. It moves visitors through a short film reel, a company introduction, an animated puppet gallery, and a visual show calendar before presenting a seat-booking form. Every section is designed to build anticipation so that by the time the form appears, the visitor already feels like part of the audience.
This template is built for small and intimate performing arts companies that rely on in-person attendance. It suits businesses where the atmosphere of the show is the main selling point.
Most event pages lead with a form or a ticket price. That approach works poorly for intimate theater, where the experience itself is the reason to attend. Visitors who have never seen the show need to feel it first.
You get a fully structured single-column landing page designed around theatrical narrative pacing. Every section serves a specific role in the visitor journey, from first impression to confirmed seat.




Theme
Dark Immersive
Creative direction
Sound & Rhythm
Color system
Sunset Gradient
Style
Single Column Flow
Direction
Event Registration
Page Sections
Cinematic Short-form Hero Reel
Scroll-triggered Staggered Reveals
Animated Puppet Gallery with Audio
Visual Show Calendar with Scroll Reveals
Seat-booking Form with Ticket Counter
Floating Call to Action and School Inquiry Path
Who is this landing page template designed for?
Can I use this template for a single show or a full season of events?
Does the template support two different booking paths?
What if a visitor's connection is too slow to load the video reel?
Can I update the color palette to match my own brand?
A short paragraph introduces the feature set before the individual items below.
This template packs a high level of interactive and visual detail into a focused single-column flow. Each feature below is drawn directly from the template brief.
The page opens with 15 seconds of intimate puppet footage cut to a heartbeat rhythm. The reel uses a poster image as a fallback so the page loads cleanly on slower connections. No voiceover plays, only the ambient sound of wooden joints, a kalimba note, and a single collective gasp.
The first act uses GSAP ScrollTrigger to deliver percussive, staccato content reveals. Text lines and images land like drumbeats as the visitor scrolls. This pacing mirrors a live performance opening and keeps attention focused.
The second act presents portrait cards for individual puppets. Each card carries a looping micro-animation, such as a blink, a hand wave, or a candle flicker. Visitors can tap each card to hear a brief audio snippet.
The third act displays upcoming show dates on a staff-style visual calendar. Dates appear like musical notes filling in as the visitor scrolls. This builds a sense of urgency and event scarcity naturally.
The primary booking form asks for the visitor's name, preferred show date, number of seats, and visit type (birthday party, school group, or family visit). A small puppet icon multiplies visually as seats are added, reinforcing the playful brand tone.
The horizon-pink call-to-action button appears first beneath the hero reel and then floats gently after the show calendar. A secondary link reading "Bring Us to Your School" connects to a shorter group inquiry form.
| Section | Purpose |
|---|---|
| Hero Reel | Opens the page with intimate puppet footage and the primary call to action |
| Act I: The Company | Introduces the theater through staccato copy and drumbeat image reveals |
| Act II: Puppet Gallery | Presents individual puppet portraits with micro-animations and audio |
| Act III: Show Calendar | Displays upcoming dates with scroll-triggered musical note reveals |
| Booking Form | Collects seat reservations with a puppet ticket counter and visit-type selector |
| School Inquiry Link | Offers a secondary path for group and school bookings |
| Social Proof | Displays parent testimonial quotes, attendance numbers, and school logos |
| Footer | Single linear row with essential links and contact information |
The visual identity uses a Sunset Gradient color system that moves from deep theatrical black through dusky plum to warm amber, with a final horizon pink reserved for buttons and highlighted show dates. The palette feels like watching a sky dissolve from dusk into night as the visitor scrolls deeper.
The template is built mobile-first, reflecting the reality that parents often browse on phones during a Saturday morning. Performance decisions were made to keep the experience smooth even on mid-range devices.
This template converts by earning trust before it asks for anything. The narrative structure moves visitors through the emotional experience of the show before the booking form ever appears.
This template sits within the Media and Entertainment category, under the Theater and Performing Arts subcategory, with a specific focus on puppetry and children's theater. A few additional details about its configuration are worth noting.