Formwork is a bold, single-page landing page template built for bespoke concrete designers. It uses a zigzag portfolio layout, full-bleed photography, and a lead-generation modal to move visitors from inspiration to inquiry. The Industrial Raw visual system and scroll-linked animations make it ideal for studios targeting interior designers, architects, and design-forward homeowners.
by Rocket studio
Loading preview…
Quick summary
Formwork is a landing page template designed for artisan concrete studios. It pairs a full-bleed hero photograph with a zigzag portfolio section, detail macro visuals, a process walkthrough, and a project inquiry modal. The result is a page that feels as deliberate and tactile as the material it represents.
Who this template is for
This template is built for concrete designers who work at the intersection of craft and architecture. It suits studios that handle both intimate objects and large-scale architectural commissions.
Interior designers sourcing statement countertops, furniture, and bespoke surface pieces
Architects and specifiers working on façade panels, wall cladding, and structural concrete elements
Homeowners inspired by polished-concrete aesthetics who want to commission a custom piece
What problem this template solves
Most portfolio pages treat every project the same size. A concrete studio that makes both a trivet and a staircase needs a page that communicates scale, range, and craft in the same scroll. Formwork solves that.
Visitors often leave before understanding the full scope of a studio's capability
Generic contact forms feel cold and fail to qualify project intent before the first call
Beautiful material work gets lost when photography has no spatial or architectural context
What you get with this template
Formwork delivers a complete single-page layout structured around progressive visual storytelling. Every section is purposefully ordered to build trust before asking for action.
A full-bleed hero section with a fade-up headline and scroll indicator
A zigzag alternating portfolio that scales from small objects to architectural elements
Full-width detail macro sections, a process walkthrough, a lead-generation modal, and a minimal footer
Feature list
This template includes a focused set of built-in components that serve the studio's lead-generation and portfolio goals.
Theme
Industrial Raw
Creative direction
Spatial & Architectural
Color system
Fire & Earth
Style
Zigzag/Alternating
Direction
Lead Generation
Page Sections
Full-bleed Hero with Fade-up Headline
Zigzag Alternating Portfolio Layout
Full-width Detail Macro Sections
Project Inquiry Modal Form
Material Sample Kit Secondary Path
GSAP Scrolltrigger Animations
Related questions
Who is the Formwork template designed for?
Can I edit the project inquiry modal fields?
Does the template include the material sample kit form?
How does the zigzag portfolio section work?
What animations are included in the template?
Full-Bleed Hero with Fade-Up Headline
The hero section opens with a knee-height workshop photograph. Natural sidelight reveals surface texture across the concrete pieces in frame. The headline fades up in a single typographic line after the first visual beat, setting a tone of quiet confidence before the portfolio begins.
Zigzag Portfolio Layout
Alternating left-image/right-text and right-image/left-text blocks move the visitor through a curated scale progression. Each photograph is staged inside the finished environment rather than a studio backdrop, so the work reads as real and already installed.
Full-Width Detail Macro Sections
Between zigzag blocks, the template places full-width macro photographs showing aggregate cross-sections, pigment swirls, and sealed edges. These act as visual pauses that reward slow scrollers and reinforce material quality without a single word of copy.
Project Inquiry Modal
The primary call to action opens a short-form modal. It asks for project type, approximate dimensions, and a free-text field titled "Tell us what the concrete will live next to." The form sits after the portfolio, so visitors arrive at it already convinced by the work.
Material Sample Kit Secondary Path
Visitors who are not yet ready to commit can request a downloadable material sample kit. The secondary path captures name and shipping address, keeping the studio in contact with warm leads who need more time.
GSAP ScrollTrigger Animations
The template includes scroll-linked effects, parallax movement, staggered section reveals, and image zoom behaviors. These animations are handled through client-side components while static content uses server-side rendering for a clean build structure.
Page sections overview
Section
Purpose
Hero header
Opens with full-bleed workshop photo and fade-up headline
Zigzag portfolio
Alternating image-text blocks scaling from objects to architecture
Detail macro visuals
Full-width surface photography as visual breath between content blocks
Process walkthrough
Shows casting, pigmenting, and sealing steps in sequence
Lead generation call to action
Project inquiry modal and material sample kit secondary form
Minimal footer
Horizontal footer pattern with essential studio links
Design & branding system
Formwork uses an Industrial Raw visual identity built on a Fire and Earth color palette. The typography pairing reinforces the tension between raw material and refined craft.
Charcoal (#2C2C2C), calcium white (#E8E3DC), kiln ember (#C1440E), and smoked brass (#8B7355) for hover states and accent lines
Fraunces serif for headlines, DM Sans for body text, together creating a weighty yet readable typographic system
Foundry-floor aesthetic where ash tones dominate and warm ember accents draw attention to key interactions
Mobile & speed optimization
The template is designed desktop-first to serve the primary audience of interior designers and architects who work on large screens. Full mobile support is included so homeowners and referral visitors on phones have an equally considered experience.
Desktop-first layout proportioned for wide-screen portfolio photography and side-by-side zigzag sections
Full mobile support with responsive layout adjustments for smaller viewports
Server Components handle static sections while Client Components manage scroll-linked animations, keeping the build well-structured
How this template helps you convert
Formwork structures the visitor journey so that the call to action feels like a natural next step rather than an interruption.
The scale escalation in the zigzag portfolio answers the capability question before the form appears, so visitors arrive at the modal already qualified and interested.
The two-path call-to-action design lets committed visitors submit a project brief while undecided visitors can request a physical sample kit, capturing both lead types at the same point on the page.
Other information about this template
Formwork is built for the USA market with English copy and United States dollar pricing implied. It is ready to be adapted for any bespoke concrete studio, artisan materials brand, or architectural craft practice.
