Draft is a cinematic landing page template for restaurant and bar interior design studios. It uses a horizontal scroll sequence to walk visitors through the full design process, from loose gesture sketches to finished ink renderings. The Ink and Paper visual system, animated SVG floor plan header, and a waitlist form make it a polished, conversion-ready coming soon page.
by Rocket studio
Loading preview…
Quick summary
Draft is a horizontal scroll landing page built for hospitality interior design studios. It takes visitors on a cinematic journey through the design process, starting with an animated hand-drawn floor plan and ending at a waitlist form. The Ink and Paper color system and page-turn parallax transitions give it the feel of a designer's sketchbook coming to life.
Who this template is for
This template is built for creative studios and independent designers working in the hospitality space. It suits teams preparing to reopen a booking calendar or launch a new project under a coming soon format.
Restaurant and bar interior design studios announcing a new season or project
Hospitality design consultants building early interest before opening commissions
Multi-concept operators or agencies wanting a high-craft, editorial first impression
What problem this template solves
Most coming soon pages feel generic and forgettable. For a design studio, a placeholder page is a missed opportunity to prove craft before the first conversation even begins.
A blank or low-effort waitlist page fails to show the studio's hand and loses serious clients early
Static layouts cannot communicate a process-driven, detail-obsessed practice the way motion and sequence can
Restaurateurs opening a second location or gutting a new space want proof of ability, not just a logo and an email field
What you get with this template
This template delivers a fully designed, single-page horizontal scroll experience built around six distinct panels. Every section is crafted to earn the visitor's trust before asking for their contact details.
A five-second SVG animated floor plan header that draws itself in real time across a parchment-textured background
Six scroll-driven panels moving from gesture sketches through material swatches, wireframe elevations, ink renderings, and a final waitlist call to action
A waitlist form with an email field, an optional project type selector, and a live counter showing names already held
Theme
Ink & Paper
Creative direction
Cinematic Sequence
Color system
Ink & Paper
Style
Horizontal Scroll
Direction
Waitlist/Coming Soon
Page Sections
SVG Animated Floor Plan Header
Horizontal Scroll Cinematic Sequence
Page-turn Parallax Transitions
Waitlist Form with Live Counter
Ink and Paper Color System
Fraunces and DM Sans Typography Pairing
Related questions
Can I change the waitlist form fields?
Does the horizontal scroll work on mobile devices?
Can I swap out the SVG animation for my own artwork?
Is this template only for coming soon launches?
How many panels does the horizontal scroll include?
Feature list
This template packages several purpose-built components that work together as a cohesive cinematic experience.
SVG Animated Floor Plan Header
The hero panel opens with a hand-drawn floor plan that sketches itself across the screen over five seconds. A bar takes shape, barstools populate, pendant lights descend, and a figure leans against the counter. The sequence ends on the hand-lettered line "We're drawing something new."
Horizontal Scroll Cinematic Sequence
Visitors scroll right through six panels rather than down a page. The motion mimics a tracking shot through the studio's process, with each panel representing a distinct phase from raw sketches to finished renderings. This structure keeps visitors engaged and in sequence.
Page-Turn Parallax Transitions
Each panel transition uses a page-turn parallax effect that mimics flipping thick stock paper. The motion is unhurried and deliberate, reinforcing the handcraft identity of the studio without feeling gimmicky.
Waitlist Form with Live Counter
The final panel holds the "Hold Our Pencil" call to action. A single email field and an optional project type dropdown collect lead information. A small counter below the form displays how many names are already on the waitlist, creating quiet social proof.
Ink and Paper Color System
The palette uses sumi ink black, warm cotton stock, pencil graphite, and a single vermillion red accent. The vermillion appears only on interactive hotspots and the waitlist button, keeping the visual system disciplined and intentional.
Fraunces and DM Sans Typography Pairing
Display headings use Fraunces, a high-contrast serif with editorial weight. Body copy uses DM Sans for clean readability. Together they balance the expressive sketchbook aesthetic with practical legibility.
Page sections overview
Section
Purpose
Animated Hero Panel
Opens with SVG floor plan drawing itself over five seconds, landing on the studio's hand-lettered headline
Gesture Sketch Panel
Introduces the studio process with loose, expressive hand-drawn imagery
Material Swatches Panel
Shows tactile design details through illustrated swatches pinned with drafting tape
Wireframe Elevations Panel
Demonstrates technical precision with architectural elevation drawings
Ink Rendering Panel
Presents a fully realized restaurant interior rendered in the studio's ink style
Waitlist Form Panel
Delivers the "Hold Our Pencil" call to action with email field, project type selector, and live counter
Design & branding system
The visual identity is built around an Ink and Paper theme that feels like a Moleskine notebook carried in an architect's back pocket. Every color, texture, and typographic choice reinforces the idea that this studio works by hand before it works by software.
Four-color palette: sumi ink black (#1A1A1A), cotton stock (#F5F0E8), pencil graphite (#6B6B6B), and vermillion red (#C23B22) reserved strictly for interactive elements
Fraunces serif display paired with DM Sans body copy across all six panels
Parchment-textured backgrounds, hand-lettered accents, and drafting tape illustration details throughout
Mobile & speed optimization
This template is designed desktop-first, with the horizontal scroll cinematic sequence built as the primary experience. A vertical fallback layout is included for mobile visitors so the panel content remains fully readable on smaller screens.
Desktop experience uses GSAP-powered horizontal scroll and SVG path animation for the full cinematic sequence
Mobile fallback converts the horizontal panel flow into a standard vertical scroll without losing panel content
Static sections use server-side rendering while the scroll engine and animations run as client components
How this template helps you convert
The template is structured to earn the call to action rather than lead with it. By the time a visitor reaches the waitlist form, they have watched an entire restaurant materialize from nothing.
The animated header immediately signals craft and intention, filtering for serious clients from the first second
The six-panel sequence demonstrates the full design process in a way that static portfolios cannot, building genuine confidence in the studio's ability before any ask is made
The live waitlist counter and project type selector lower the friction of signing up while creating quiet urgency and helping the studio qualify incoming leads by project category
Other information about this template
This template is a strong fit for studios or consultants preparing a coming soon or soft-launch presence ahead of reopening their commission calendar. It is equally useful for a new studio making its first public statement.
The template is built for the Architecture and Design category, specifically the Interior Design Studio subcategory with a Restaurant and Bar Design niche focus
The intersection match between the Cinematic Sequence creative direction, Waitlist and Coming Soon landing page direction, and the Animated Illustration header concept is a core part of what makes this template distinctive
Project type options in the form cover restaurant, bar, café, and multi-concept, making the lead qualification built into the design itself
The footer follows a minimal centered layout pattern, keeping the close of the page as clean and uncluttered as the studio aesthetic demands
