Composite is a cinematic VFX and post-production landing page built for studios that turn raw footage into impossible worlds. The masonry creator grid escalates from music video to episodic scale, proving craft before the call to action appears. A direct booking flow and rate card link convert producers and directors without friction.
by Rocket studio
Loading preview…
Quick summary
Composite is a single-page landing page for VFX and post-production studios. It leads with a full-bleed behind-the-scenes hero image, then walks visitors through a masonry creator grid that escalates in project scale. By the time the booking call to action appears, visitors have already seen six artists' best work and understand exactly who would touch their footage.
Who this template is for
This template is built for studios and creative houses that sell high-craft visual effects work to professional buyers. It speaks directly to the people commissioning that work and gives them a fast, confident path to a conversation.
Indie directors finishing a first feature on a tight budget who need a studio they can trust quickly
Ad agency producers working inside a 72-hour turnaround who need proof of craft before a bid
Streaming platform showrunners managing 20 or more minutes of computer-generated imagery per episode
What problem this template solves
Most VFX studio pages bury their best work inside a portfolio archive. Visitors land, scroll a reel, and leave without ever booking a call. This template inverts that pattern by leading with artists, not services.
The creator-first grid removes the gap between "impressive work" and "I know who does it"
The escalating project scale builds trust across every tier of buyer, from music video to full episodic
The pinned booking bar and intake form remove every friction point between a convinced visitor and a confirmed bid call
What you get with this template
You get a fully structured, single-page landing page that is ready to be customized with your studio's work, artists, and brand colors. Every section is purpose-built for B2B creative services conversion.
A full-bleed hero section with title card wordmark placement and a scroll hint
A masonry creator grid with click-to-spotlight modal, 30-second artist loop support, before/after shot display, and pull-quote layout
A pinned amber-gradient "Book a Bid Call" bar with a modal intake form covering project type, shot count slider, deadline calendar picker, and an optional reference footage link
Theme
Stage & Spotlight
Creative direction
Creator Spotlight
Color system
Sunset Gradient
Style
Masonry/Pinterest
Direction
Direct Sales
Page Sections
Full-bleed Hero with Title Card Wordmark
Masonry Creator Grid with Spotlight Modal
Escalating Project Scale Sequencing
Pinned Bid Call Bar with Intake Modal
Rate Card Secondary Conversion Path
GSAP Scrolltrigger Animation System
Related questions
Can I replace the artist spotlights with my own studio's projects?
Does the intake form connect to a booking or scheduling tool?
Who is this landing page designed for?
Can the 'Book a Bid Call' bar be customized with different labels?
Is the template suitable for a studio that specializes in one type of VFX work?
Feature list
This template is built around a small set of high-impact components. Each one is designed to serve a specific moment in the buyer's decision journey.
Full-Bleed Hero with Title Card Wordmark
The header stretches to every pixel of the viewport. A behind-the-scenes colorist image anchors the mood, showing a half-finished composite on a reference monitor. The studio wordmark sits small and confident in the lower left, styled like a film title card.
Masonry Creator Grid with Spotlight Modal
The grid is organized by artist, not by service category. Each tile represents one creator and one project. Clicking a tile opens a spotlight modal with a looping artist video, a before/after hero shot, warm amber name and role typography, and a single pull-quote from that artist.
Escalating Project Scale Structure
The grid is sequenced intentionally: music video, commercial, feature sequence, then full episodic run. This sequencing builds proof of scale without stating it directly. By the final row, visitors understand the studio handles any scope.
Pinned Bid Call Bar with Intake Form
A slim amber-gradient bar pins itself after the third row of tiles and repeats at the bottom. It holds the primary "Book a Bid Call" call to action. Clicking it opens a short intake modal covering project type, estimated shot count via slider, delivery deadline via calendar, and an optional Vimeo or Google Drive reference link.
Rate Card Secondary Path
Beneath the primary call to action button sits a plain underlined text link labeled "Download Our Rate Card." This serves producers who need budget numbers before committing to a conversation, reducing drop-off from price-sensitive visitors.
GSAP ScrollTrigger Animations
The template includes high-level animation support through GSAP ScrollTrigger. This covers masonry tile reveal on scroll, magnetic button behavior, and smooth modal transitions, keeping the experience cinematic from first scroll to final click.
Page sections overview
Section
Purpose
Full-Bleed Hero
Establish cinematic mood and studio identity
Creator Masonry Grid
Prove craft through escalating artist spotlights
Bid Call Bar
Primary conversion point with intake modal
Rate Card Link
Secondary path for budget-first producers
Footer
Linear single-row studio contact and links
Design & branding system
The visual identity follows a Stage and Spotlight theme. The color palette is built around a Sunset Gradient that feels like the last ten minutes of a desert sunset projected onto a matte black wall.
Background sits in deep curtain black (#1A1018); cards and thumbnails glow with amber-to-coral gradient edges using warm amber (#E8943A) and molten coral (#E05C4D)
Typography is set in Fraunces for serif display headings and DM Sans for body copy; horizon pink (#F2A7B3) is reserved for hover states and gradient tails
The overall tone is cinematic dark with theatrical warmth bleeding from darkness, keeping every surface high-contrast and intentional
Mobile & speed optimization
The template is designed desktop-first to match the colorist and producer workflow context. It adapts responsively for mobile without sacrificing the cinematic feel.
GPU-accelerated CSS transforms keep scroll animations smooth on capable devices
Images use lazy loading so the masonry grid does not block initial page render
CSS smooth scroll is built in, keeping the single-page flow consistent across screen sizes
How this template helps you convert
The conversion strategy is earned before it is asked. The page proves craft first and then places the booking prompt exactly when trust has peaked.
Visitors see six or more artist spotlights with real project context before the first call to action bar appears, so the booking ask arrives when belief is highest
The intake modal reduces friction by covering project type, shot count, deadline, and reference footage in one short form, giving the studio everything needed to respond with a real bid
The rate card link captures producers who are not ready to call, keeping them in the funnel with a concrete next step
Other information about this template
This template is part of a broader set of media and entertainment landing page designs built for animation and VFX studio contexts. A few additional details worth knowing:
The template style is Masonry/Pinterest, which suits image-heavy creative portfolios where varied card heights add visual energy
The creative direction follows the Creator Spotlight pattern, centering individual artists rather than service categories or showreels
The header concept is a Full-Bleed Photo, which requires a high-resolution behind-the-scenes image to deliver the intended cinematic impact
The landing page direction is Direct Sales, meaning every design decision leads toward a booked bid call rather than passive brand awareness
The color system is labeled Sunset Gradient, and the four specific hex values (#1A1018, #E8943A, #E05C4D, #F2A7B3) are all named and mapped to specific use cases in the design spec
