Sprue - Precision Hobby Landing Page Template
Sprue is a bento grid landing page built for scale model building supply stores. It combines price-anchored hero tiles, before-and-after reveal sliders, and workshop-language calls to action to guide hobbyists from first scroll to checkout. The Ink and Paper color system gives every grid cell the tactile feel of a well-thumbed hobby catalog.
by Rocket studio
Quick summary
Sprue is a single-page bento grid template designed for scale model and hobby supply retailers. It opens with a price-comparison hero, flows through category discovery clusters, and closes each section with a clear action. The palette and copy tone feel like a favorite hobby magazine, keeping serious modelers browsing longer and converting faster.
Who this template is for
This template is built for hobby retailers who sell to a wide range of modelers, from first-time builders to seasoned competition-level craftspeople. If your shelves hold injection-molded kits, airbrush supplies, photo-etch detail parts, or pigment powders, this layout fits your store naturally.
- Scale model kit retailers running a marketplace or multi-vendor storefront
- Specialty hobby shops stocking tools, paints, weathering supplies, and styrene materials
- Store owners who need a browsable, catalog-style landing page without a complex build
What problem this template solves
Most generic e-commerce templates flatten the hobby shopping experience into a plain product grid. They give no sense of discovery, no sense of craft, and no reason for a modeler to stop scrolling. Sprue solves this by building the page like an aisle walk through a well-stocked hobby shop.
- Hobbyists arrive without a specific kit in mind and leave without buying because nothing sparks interest
- Out-of-stock items drive away repeat visitors who have no way to request a restock notification
- Generic "Add to Cart" language feels disconnected from workshop culture and reduces engagement
What you get with this template
You get a fully structured bento grid landing page with every major section pre-built and ready to customize. The layout guides visitors from hero pricing through category discovery, and every product tile includes a clear action path.
- A price-anchored hero section showing up to three flagship kits with struck-through original prices and bold store prices
- Before-and-after drag sliders that alternate between raw sprue photos and fully weathered, decaled finished models
- Workshop-language calls to action including "Add to Bench," "Browse Armor," "Browse Aircraft," and "Browse Weathering"
- A sticky mini-cart in the corner displaying a running total as visitors browse
- A "Restock Alert" email signup on out-of-stock tiles, asking only for email address and kit number
Feature list
This section covers the core built-in capabilities that make Sprue work as a hobby retail landing page.
Price-Anchored Hero Tile
The hero section spotlights three flagship kits side by side. Each tile shows a top-down photo of an open box with runners visible on a cutting mat, a struck-through distributor price, and the store price in bold red. Specific savings figures make the value concrete and scroll-stopping.
Before and After Reveal Sliders
Each bento section opens with a gray-on-cream photo of unpainted parts on the runner. A drag slider reveals the same kit weathered, decaled, and displayed on a diorama base. This rhythm of raw-to-finished keeps visitors engaged as they scroll deeper into the page.
Bento Grid Category Clusters
As visitors scroll, the grid shifts from kits to tools to paints to tutorials. Each category cluster functions like a new aisle in the shop. Category tiles use direct browse labels so visitors always know where they are headed next.
Workshop-Language Calls to Action
Every product tile uses the phrase "Add to Bench" instead of a standard cart label. This small change speaks directly to the way modelers think about their workspace and makes the buying action feel natural rather than transactional.
Sticky Mini-Cart
A persistent mini-cart sits in the corner of the page throughout the browsing session. It shows a running total so visitors can track their spend without leaving the product flow or navigating to a separate cart page.
Restock Alert Signup
Out-of-stock product tiles include a lightweight email capture form. It asks only for an email address and the kit number the visitor wants. This keeps discontinued or low-inventory items from becoming dead ends and builds a waitlist automatically.
Page sections overview
| Section | Purpose |
|---|---|
| Hero Pricing Tiles | Anchor value with three flagship kit comparisons |
| Before and After Sliders | Show raw sprues beside finished, weathered models |
| Armor Category Cluster | Direct armor kit browsers to relevant product tiles |
| Aircraft Category Cluster | Guide aircraft modelers to their specific kit range |
| Weathering Supplies Cluster | Highlight pigment powders, paints, and finishing tools |
| Tools and Materials Aisle | Feature airbrush needles, photo-etch, and styrene strips |
| Sticky Mini-Cart | Display running cart total throughout the browse session |
| Restock Alert Capture | Collect email and kit number for out-of-stock items |
Design & branding system
The visual identity follows a Directory and Discovery theme expressed through an Ink and Paper color system. Every design choice references the tactile world of hobby magazines, instruction sheets, and kit boxes rather than lifestyle photography.
- Instruction-sheet cream (#F5F0E8) as the background, runner-frame charcoal (#2B2B2B) for text, and graphite pencil gray (#6B6B6B) for secondary labels
- Red sprue-cutter accent (#C0392B) applied to pricing tags, cart buttons, and category highlights to draw the eye to action points
- Matte, ink-dense grid cells that read like catalog entries, with no lifestyle blur or aspirational imagery
Mobile & speed optimization
The bento grid layout is built to restack cleanly on smaller screens. Product tiles, sliders, and category clusters each hold their visual hierarchy when the viewport narrows, so a modeler browsing on a phone gets the same discovery experience as a desktop visitor.
- Bento cells restack vertically on mobile without losing the catalog-entry visual weight
- The sticky mini-cart remains accessible on touch screens throughout the scroll session
- Top-down product photography and flat grid cells keep the layout lightweight and load-friendly
How this template helps you convert
Sprue is built around the specific buying psychology of serious hobbyists. Every layout decision is designed to lower hesitation and move visitors toward action.
- The price-anchored hero uses specific savings figures, such as a currency conversion from distributor price to store price, to create immediate, concrete value rather than vague discount messaging.
- The before-and-after sliders demonstrate product quality by showing the transformation from bare runner to finished diorama, giving undecided buyers a reason to commit.
- The "Restock Alert" signup turns a frustrating dead end into a retention tool, keeping interested buyers connected to the store even when stock runs out.
Other information about this template
Sprue is categorized under Retail and E-Commerce with a Hobby and Passion Supplies focus. The template style is a Card Grid with modular bento cells, making it straightforward to add, remove, or reorder product clusters as your inventory changes. The Neo-Retro theme gives the design a timeless feel that resonates with hobbyists who appreciate craft and detail over trend-driven aesthetics.
- The template suits multi-vendor marketplace setups where different product categories need visually distinct grid clusters
- The Curated Collection creative direction means each bento cluster tells a short product story rather than dumping a flat inventory list
- The page structure supports hobby subcategories such as armor, aircraft, railway, and weathering without requiring a separate page per category




Theme
Neo-Retro
Creative direction
Curated Collection
Color system
Ink & Paper
Style
Card Grid (Modular)
Direction
Quiz/Assessment
Page Sections
Price-anchored Hero Section
Before and After Reveal Sliders
Bento Grid Category Clusters
Workshop-language Calls to Action
Sticky Mini-cart Display
Restock Alert Email Capture
Related questions
Can I change the product categories shown in the bento grid?
How does the Restock Alert feature work on the template?
Does the before-and-after slider work on mobile devices?
Is the sticky mini-cart visible throughout the entire page?
Can the hero section show more than three flagship kits?