Facet - Radiant Crystal Landing Page Template

Facet is a bento grid landing page template built for handmade crystal and healing stone stores. It pairs a Dopamine Pop color system with a Playful Geometric theme to create a scroll experience that feels like browsing a jeweler's vitrine. Every card is a clickable entry point, driving visitors straight into your product catalog with zero friction.

by Rocket studio

Quick summary

Facet is a single-page bento grid template designed for artisan crystal and healing stone sellers. The layout uses bold Dopamine Pop colors, full-bleed photography, and a curated collection structure to guide visitors from first impression to product click. It is built for direct sales with no forms, no sign-up walls, and no detours.

Who this template is for

This template is made for small-batch and handmade sellers who source crystals personally and want a storefront that reflects that care. It works equally well for an individual maker and a small team running a curated shop.

  • Independent crystal sellers sourcing from gem shows, estate sales, or small-mine suppliers
  • Artisan shop owners offering jewelry, home specimens, and gift bundles
  • Makers who need a visually rich direct-sales page without a complex build

What problem this template solves

Handmade crystal stores often struggle to communicate the texture, origin, and intention behind each piece through a generic grid layout. Flat product listings do not build the emotional trust that converts a browser into a buyer.

  • Generic templates flatten the tactile story behind each handpicked stone
  • Shoppers leave without clicking when there is no sense of curation or personality
  • Sellers lose sales because the page looks like every other crystal shop online

What you get with this template

You get a fully designed bento grid landing page that organizes your collection into mood-driven sections rather than alphabetical rows. The layout is ready to populate with your own photography and copy.

  • A viewport-filling lifestyle header with a geometric sans-serif headline overlay
  • Bento grid cells in varied sizes for hero crystals, capsule drops, and bundle showcases
  • A persistent floating call-to-action bar and individual micro-calls to action on every card

Feature list

This template ships with a tightly considered set of visual and structural features. Each one is drawn directly from the brief and serves the goal of turning curiosity into a confident product click.

Full-Bleed Lifestyle Header

The header fills the entire viewport with a warm overhead photograph. Morning light, a terrazzo countertop, and a headline reading "Stones That Chose You Back" set the emotional tone before a single product appears.

Variable-Size Bento Grid Layout

Cells are deliberately different sizes. A tall card carries an origin story for a hero crystal. A square thumbnail grid holds a New Moon Arrivals capsule. A wide card pairs a stone with its metaphysical property in bold type.

Mood-Driven Collection Sections

The page organizes products into three distinct zones: Wear It for jewelry, Place It for home specimens, and Gift It for muslin-wrapped bundles. Each zone opens with a playful geometric divider that echoes crystalline structures.

Scroll Reveal Progressive Animation

Cards and section dividers reveal as the visitor scrolls. The progressive reveal keeps the pace of discovery intentional and mirrors the feeling of cracking open a geode layer by layer.

Persistent Floating call to action Bar

A fixed bar reading "Shop the Full Collection" stays visible in citrine yellow on obsidian throughout the entire scroll. Visitors always have a clear path forward without needing to hunt for a button.

Per-Card Star Rating Display

Every bento card carries a visible five-star review count alongside its micro-call to action. Social proof is embedded at the point of interest rather than grouped at the bottom of the page.

Page sections overview

SectionPurpose
Viewport HeaderSets emotional tone with lifestyle photography and headline
Wear It CardsShowcases handmade jewelry with origin details
New Moon ArrivalsHighlights recent capsule drops in a thumbnail grid
Place It SpecimensFeatures home crystals with metaphysical property callouts
Gift It BundlesPresents curated gift sets wrapped in muslin
Floating call to action BarKeeps "Shop the Full Collection" accessible at all times

Design & branding system

The visual identity is built around a Dopamine Pop color system that feels like tumbled stones spilling across white linen in afternoon sun. Every color has a specific role so the palette stays harmonious rather than chaotic.

  • Electric lavender (#B47AEA) washes behind collection cards; citrine yellow (#FFD23F) fires on hover states and price tags
  • Hot rose quartz (#FF6B8A) marks bestseller badges and section callouts throughout the page
  • Obsidian (#1A1423) grounds all body typography and deep backgrounds so the bright palette never reads as noise

Mobile & speed optimization

The bento grid is structured to reflow naturally at smaller viewport widths. The varied cell sizes that create visual rhythm on desktop collapse into a single readable column on mobile without losing hierarchy.

  • Full-bleed header image scales and crops to keep the hand-and-crystal composition centered on any screen size
  • The floating call to action bar repositions to the bottom of the screen on mobile for thumb-friendly access
  • Scroll reveal timing is adjusted for touch-based scrolling so reveals feel natural rather than laggy

How this template helps you convert

Every design decision points toward a single outcome: a visitor clicking through to your product catalog. There are no forms, no account prompts, and no distractions between the visitor and the click.

  1. The lifestyle header creates immediate emotional resonance, so visitors feel connected to the product before they read a single detail
  2. Bento cards act as full-card buttons, removing the friction of finding a small link or call to action while browsing
  3. Per-card review counts provide visible social proof at exactly the moment a visitor is considering a specific stone, reducing hesitation before the click

Other information about this template

Facet is part of a broader template library built around niche retail and e-commerce use cases. A few practical details worth knowing before you start building:

  • The template is designed as a single landing page with a direct-sales flow, not a multi-page storefront
  • Geometric dividers include a rotating hexagon and a tessellated triangle border, both editable in the template source
  • The color variables are centralized so swapping the Dopamine Pop palette for your own brand colors requires changes in one place
  • Photography placeholders are sized and cropped to the exact ratios used in the brief, making it straightforward to drop in your own product images
  • The template is well suited for seasonal capsule releases like New Moon Arrivals or holiday gift bundles without structural changes
Facet - Radiant Crystal Landing Page Template
Facet - Radiant Crystal Landing Page Template
Facet - Radiant Crystal Landing Page Template
Facet - Radiant Crystal Landing Page Template

Theme

Playful Geometric

Creative direction

Curated Collection

Color system

Dopamine Pop

Style

Scroll Reveal (Progressive)

Direction

Direct Sales

Page Sections

Full-bleed Lifestyle Header

Variable-size Bento Grid Layout

Mood-driven Collection Sections

Persistent Floating Call to Action Bar

Per-card Star Rating Display

Scroll Reveal Progressive Animation

Related questions

Can I use this template without professional product photography?

Is this template suitable for a dropshipping crystal store?

Can I change the color palette to match my existing brand?

How do the bento grid cards link to products?

Does this template include checkout or payment functionality?