Kiln - Immersive Ceramicist Landing Page Template
Kiln is a bento grid landing page template for independent ceramicists who want their portfolio to feel as considered as their work. Built on an Atelier Studio theme with an Electric Indigo color system, it guides gallery curators, interior designers, and editorial teams through a case study narrative that moves from raw clay to finished object, earning their attention before asking for anything in return.
by Rocket studio
Quick summary
Kiln is a single-page ceramicist portfolio template built around a bento grid layout and a case study narrative structure. It opens with a scroll-jacked vessel rotation and carries visitors through layered project clusters that each tell the story of a piece from raw stoneware to finished surface. The primary call to action is a Studio Lookbook download, placed after the third project cluster.
Who this template is for
This template is built for working ceramicists who operate as a one-person studio and need a portfolio that communicates craft at a professional level. It speaks directly to the people visiting that portfolio.
- Independent studio potters who throw, glaze, and fire their own work
- Ceramicists preparing to reach gallery curators, interior designers, or editorial teams
- Makers who want their digital presence to reflect the same care as their physical work
What problem this template solves
Most portfolio templates treat process as an afterthought. They present finished images in a grid and leave the visitor to guess at the intention behind the work. For a ceramicist, that gap is the whole story.
- Visitors arrive without context and leave before they understand what makes the work distinct
- Gallery curators and designers need more than beauty shots to make sourcing decisions
- A generic portfolio layout cannot carry the weight of a handmade practice
What you get with this template
You get a fully structured landing page that opens with a cinematic vessel rotation and unfolds through a bento grid of project clusters. Each cluster is a self-contained chapter showing process, glaze tests, kiln data, and finished context.
- A scroll-jacked header experience with a frame-by-frame 360-degree vessel rotation
- A bento grid layout with resizable cells that shift in weight and emphasis per project
- A Studio Lookbook download form with a single email field and a visitor-type toggle
- Per-project "View Full Project" links that route to expanded case study pages
- A lookbook preview showing three spread panels of process photography, glaze recipes, and firing notes
Feature list
A brief paragraph introduces the feature set: every component in this template was drawn directly from the studio scenario in the brief, so nothing here is decorative filler. Each feature does a specific job in moving the right visitor closer to the work.
Scroll-Jacked Vessel Rotation Header
The viewport locks on entry while a single asymmetric wood-fired vase rotates a full 360 degrees. A directional light source shifts from cool blue to warm amber as the rotation completes. No text appears until the turn finishes, then the line "Every piece remembers the fire." appears in bisque type over kiln-black.
Bento Grid Case Study Layout
The main body is organized as a bento grid where each cluster covers one project. Cell sizes and proportions change per cluster to match the narrative weight of that project. Tight documentary cells sit beside full-width finished-setting images within the same cluster.
Chapter-by-Chapter Project Clusters
Each cluster functions as a chapter in a single piece's life. Cells within a cluster hold raw clay photography, glaze test tiles, kiln temperature logs, and macro surface close-ups. The grid escalates from process documentation to the finished object in its real-world context.
Studio Lookbook Download with Preview
The primary call to action appears after the third project cluster. Three lookbook spreads fan out below the call-to-action button, showing actual content: process photography, glaze recipes, and firing notes. The form asks only for an email address and a single toggle identifying the visitor's role.
Per-Project Expanded Case Study Links
Each project cluster ends with a quiet "View Full Project" link. This secondary path opens an expanded case study page for visitors who want the full depth of a single commission, gallery series, or experimental session.
Page sections overview
| Section | Purpose |
|---|---|
| Scroll-Jacked Header | Opens with a 360-degree vessel rotation before revealing the studio tagline |
| Project Cluster One | Documents the first project from raw clay through finished surface |
| Project Cluster Two | Covers a second project with shifted grid proportions and narrative emphasis |
| Project Cluster Three | Completes the pre-call to action sequence with a third distinct project story |
| Lookbook Download call to action | Presents the Studio Lookbook offer with a preview of three spread panels |
| Full-Width Image Break | Expands a single finished table setting to fill the viewport between clusters |
Design & branding system
The visual identity follows an Atelier Studio theme built on an Electric Indigo color system. The palette was designed to feel like a working studio at two in the morning, with the kiln radiating light and everything else in shadow.
- Deep kiln-black (#0D0221) and charged indigo (#4B0082) handle backgrounds and section dividers
- Raw bisque (#E8D5C4) carries all body type and negative space, sitting like dry clay on the surface
- Volatile ultraviolet (#7B2FBE) activates only on hover states and active grid cells, rewarding interaction the way a glaze reveals itself after firing
Mobile & speed optimization
The template is structured to present well across screen sizes, with the bento grid adapting cell proportions for narrower viewports. The frame-by-frame header sequence and grid interactions are built for the landing page context.
- Bento grid cells reflow and resize to maintain narrative clarity on smaller screens
- The scroll-jacked header sequence is scoped to the landing page viewport behavior
- The lookbook preview panels and the download form stack cleanly for touch-based browsing
How this template helps you convert
This template earns the click rather than demanding it. The lookbook call to action is placed at the exact moment a visitor is deepest in the work, after three full project clusters have built trust and demonstrated range.
- The scroll-jacked header creates immediate sensory investment before any navigation appears, reducing early bounce from the right audience
- The lookbook preview shows real content before the form, so curators and designers can judge value before submitting an email address
Other information about this template
This template is a strong fit for ceramicists preparing for gallery submissions, editorial features, or residential sourcing conversations. It presents the studio as a serious creative practice rather than a hobbyist side project.
- The template is built as a single-page layout with outbound links to expanded case study pages
- The visitor-type toggle on the form (curator, designer, collector, or just looking) helps the studio understand who is requesting the lookbook
- The case study narrative structure can support any number of project types, including commissions, gallery series, and experimental sessions like raku firings
Theme
Atelier Studio
Creative direction
Case Study Narrative
Color system
Electric Indigo
Style
Bento Grid
Direction
Content/Resource
Page Sections
Scroll-jacked Vessel Rotation Header
Bento Grid Case Study Layout
Chapter-by-chapter Project Clusters
Studio Lookbook Download with Preview
Minimal Lookbook Capture Form
Per-project Expanded Case Study Links
Related questions
Who is this template designed for?
Can I add more project clusters beyond the three included?
What does the lookbook download form collect from visitors?
Does this template include the expanded case study pages?
Can I replace the default vessel in the scroll-jacked header with my own work?