Bellows - Curated Accordionparts Landing Page Template
Bellows is a bento grid landing page built for accordion parts and repair supply shops. It leads with an oversized search box as the hero, organizes inventory into visual category cards, and routes every click straight to a product or category page. The design draws from a Neo-Retro ink-and-parchment palette to feel both precise and warmly familiar.
by Rocket studio
Quick summary
Bellows is a single-page, click-through landing page for accordion parts and repair supply stores. It opens with a centered search box as the true hero, then flows into a bento grid of category cards. Each card shows item counts, a contextual call to action, and a hover effect that signals depth. The page is built to get serious buyers to the right product fast.
Who this template is for
This template is built for specialty retailers who stock a deep, curated catalog of accordion parts and supplies. It suits shops where customers already know what they need and just want to find it without friction.
- Gigging musicians who need replacement parts quickly between performances
- Conservatory students and self-taught repair enthusiasts hunting specific components
- Online accordion supply store owners who want a browsable, catalog-style storefront entry point
What problem this template solves
Most generic e-commerce entry pages bury specific products under promotional banners and hero images. Customers who arrive already knowing what they need lose patience before they find it.
- No prominent search tool means customers hunt through menus instead of typing a part name
- Generic layouts lack the visual depth that signals a specialist shop with real inventory
- Vague category labels and missing item counts leave buyers unsure if the shop carries enough stock
What you get with this template
You get a fully structured, single-page layout designed around product discovery and fast navigation. Every section works together to reduce friction and reinforce trust.
- An oversized monospaced search box as the page hero, with a category icon row below it for quick visual navigation
- A breathing bento grid of category cards, each with item counts, a contextual call-to-action button, and a hover paper-lift shadow effect with a red accent border
- A staff pick cell with a handwritten-style note, a seasonal items column, a complete repair kit bundle row, a brand trust bar, and a testimonial strip
Feature list
A brief overview of what makes this template work as a specialist retail entry page.
Bento Grid Category Layout
The page is organized as a modular card grid where cells vary in height and width. Tall, wide, and square cells create visual rhythm. The grid uses white gutters so the parchment background stays visible between every card.
Search-First Hero Section
The header replaces a traditional hero image with a large, centered search box. Monospaced placeholder text reads "Find your part: reed block, strap, gasket, wax..." and a compressed accordion bellows illustration stretches horizontally as the input gains focus.
Contextual Card Calls to Action
Every bento card carries a call-to-action label matched to its category. Labels like "Browse Reeds," "Shop Straps," and "See the Kit" use plain action language. A pinned navigation button labeled "Shop All Parts" in bellows-red anchors the top of every scroll position.
Item Count Inventory Signals
Each category card displays a visible item count such as "142 reed sets" or "38 straps." These counts communicate inventory depth at a glance and reassure buyers that the shop carries enough selection to be worth exploring.
Staff Pick and Bundle Highlight Cells
A large featured cell presents a staff pick with a handwritten-style annotation explaining its value. A wide horizontal cell presents a complete repair kit bundle. A narrow vertical cell surfaces seasonal items without disrupting the grid's overall flow.
Trust Bar and Testimonial Strip
A horizontal bar lists the brands stocked by the shop. Below the grid, a single testimonial strip features a quote from a named working musician. Together these two elements do the credibility work without cluttering the browsing experience.
Page sections overview
| Section | Purpose |
|---|---|
| Search Hero Box | Primary product discovery tool with focus animation and category icon shortcuts |
| Category Icon Row | Visual shortcut row below search for quick department navigation |
| Bento Category Grid | Modular card grid routing visitors to category and product pages |
| Staff Pick Cell | Featured product highlight with handwritten-style editorial note |
| Seasonal Items Column | Narrow vertical cell surfacing time-sensitive or seasonal inventory |
| Repair Kit Bundle Row | Wide horizontal cell presenting a curated complete repair kit |
| Brand Trust Bar | Horizontal strip listing stocked accordion supply brands |
| Testimonial Strip | Single quote from a named working musician for social proof |
| Pinned Nav Button | Fixed "Shop All Parts" call to action anchored in the navigation |
Design & branding system
The visual identity follows a Neo-Retro theme inspired by a 1940s Italian parts catalog reprinted on a Risograph. Every color decision has a functional purpose, and the palette stays disciplined across all components.
- Deep manuscript black (#1A1A2E) handles all typography, aged parchment (#F0E6D3) dominates backgrounds, and typewriter ribbon blue (#3D5A80) surfaces in category labels and divider lines
- Bellows-red (#C44536) is reserved strictly for price tags, cart icons, hover states, and the top-level navigation button so each red instance feels like a tap target
- Typography uses a monospaced style in the search hero and handwritten-style annotation in the staff pick cell, keeping the hand-touched warmth of the source aesthetic
Mobile & speed optimization
The bento grid is designed to reflow naturally across screen sizes. Cards that sit side by side on a wide screen stack cleanly on smaller viewports without losing their hierarchy.
- Hover states such as the paper-lift shadow and sliding red border translate to tap states on touch devices
- The search box hero scales to fill the viewport width on mobile so it remains the dominant entry point on any screen
- No full-bleed hero images compete for load priority, keeping the visual hierarchy fast and focused
How this template helps you convert
Every design decision on this page removes a reason for a buyer to leave before clicking through to a product.
- The search box hero intercepts high-intent visitors immediately, letting them type a part name the moment they arrive rather than scanning for a menu.
- Item counts on each category card prove inventory depth upfront, which removes the hesitation of clicking into a category that might only have a few options.
- The trust bar and testimonial strip handle credibility quietly in the background so browsing momentum is never interrupted by a hard sell.
Other information about this template
This template is part of a curated collection of Neo-Retro themed card grid layouts within the Retail and E-Commerce category. It is specifically matched to the Hobby and Passion Supplies subcategory and is designed for niche specialist stores.
- The template style is Card Grid (Modular) and uses the Ink and Paper color system as its foundation
- The creative direction is Curated Collection, meaning the scroll flow mimics a walk through organized shop departments rather than a promotional funnel
- This is a click-through landing page with no forms, sign-up gates, or quiz flows blocking the path to products
- The layout is well suited to any accordion supply retailer, instrument repair shop, or specialty music parts store wanting a catalog-style entry page




Theme
Neo-Retro
Creative direction
Curated Collection
Color system
Ink & Paper
Style
Card Grid (Modular)
Direction
Quiz/Assessment
Page Sections
Search-first Hero with Focus Animation
Bento Grid Category Cards
Visible Inventory Item Counts
Staff Pick and Bundle Feature Cells
Brand Trust Bar
Pinned Navigation Call to Action
Related questions
Is this template suitable for a shop with a large catalog?
Can I customize the category cards for my own departments?
Does this template include a checkout or cart system?
Who is the typical visitor this page is designed for?
How does the four-color palette work across the page?