Griot - Curated Africanart Landing Page Template

Quick summary

Griot is a single-page gallery landing page designed for sellers of African art and sculpture. The template uses progressive scroll reveals, thematic collection groupings, and an Obsidian and Gold color palette to create an experience that feels closer to a private gallery walk than a typical retail page. Every layout decision serves one goal: let the art earn the inquiry.

Who this template is for

This template is built for gallery owners, independent art dealers, and curators who sell high-value African art and sculpture to discerning buyers. It suits businesses where the piece itself must do the persuading before any price appears.

• Interior designers and corporate art consultants sourcing statement pieces for hotels, atriums, and commercial spaces
• Diaspora collectors and private buyers building personal or ancestral art collections
• Gallery operators who need a professional, atmosphere-rich landing page without a complex build

What problem this template solves

Selling collectible art online is difficult when a standard product grid strips away all atmosphere. Buyers of hand-carved masks, welded bronze figures, and textile works need context, provenance, and a sense of occasion before they feel confident enough to inquire.

• Generic e-commerce layouts present art like inventory, which undercuts perceived value and filters out the wrong buyers
• No atmosphere means no trust, and serious collectors disengage before reaching a contact form
• A flat page with visible prices upfront removes the gallery dynamic that converts high-intent buyers into real leads

What you get with this template

You get a fully structured, scroll-reveal landing page that guides visitors through your collection the way a curator walks a client through a gallery. The layout, animation rhythm, and inquiry system all come ready to use.

• A warm Lifestyle Shot header, thematic collection grids, full-bleed artist portrait breaks, and a sticky catalogue request bar
• Slide-out inquiry panels for each piece, carrying fields for dimensions, provenance, price range, and buyer intent
• A consistent Neo-Retro visual identity using deep volcanic black, antiqued gold, warm clay, and bone white throughout

Feature list

This section covers the core built-in capabilities that make Griot work as a gallery-grade landing page.

Progressive Scroll Reveal Layout

Each thematic collection fades and scales into view as the visitor scrolls down. Pieces enter the viewport one at a time with staggered timing, mimicking the deliberate pace of a curator placing objects on a plinth. The rhythm alternates between a six-piece grid and a single full-bleed artist portrait.

Slide-Out Inquiry Panels

Every artwork card carries an "Inquire About This Work" button. Clicking it opens a slide-out panel showing dimensions, provenance, price range, and a short contact form. The form captures name, email, and purchase intent across four categories: Personal Collection, Design Project, Corporate Acquisition, and Gift.

Persistent Sticky Catalogue Bar

A low-profile sticky bar sits at the bottom of the viewport throughout the scroll. It offers a secondary conversion path, "Request a Private Catalogue," for visitors who are browsing rather than ready to inquire about a single piece. It stays visible without interrupting the gallery experience.

Thematic Collection Groupings

The page organizes works into four named groupings: Ancestral Masks, Contemporary Bronze, Textile Works, and Reclaimed Wood. Each grouping reveals as a self-contained section, giving the page a curated editorial structure instead of a flat catalogue feel.

Full-Bleed Artist Portrait Breaks

Between each collection grouping, a full-bleed portrait of the featured artist fills the screen alongside a handwritten-style process quote. These breaks ground every section in a human story and reinforce the provenance and authenticity of the work before the next collection appears.

Obsidian and Gold Visual System

The color palette uses deep volcanic black (#0B0B0D) as the dominant background, antiqued gold (#C5A355) for hover states, price tags, and artist names, warm clay (#A0522D) for category dividers and secondary accents, and bone white (#F5F0E8) for body text and negative-space frames around featured works.

Page sections overview

Design & branding system

The visual identity follows a Neo-Retro theme that feels like opening a velvet-lined case under a single incandescent bulb. Every color and typographic choice reinforces rarity, craft, and cultural weight.

• Obsidian black (#0B0B0D) as the dominant background keeps the focus entirely on each artwork, while antiqued gold (#C5A355) appears only where the eye naturally lands: hover states, price indicators, and artist name labels
• Warm clay (#A0522D) marks category dividers and secondary accents, and bone white (#F5F0E8) frames featured works and carries all body text
• The header typography uses a thin gold serif headline that fades in after a two-second hold, reinforcing the gallery-entrance feeling established by the lifestyle photograph

Mobile & speed optimization

The template is structured for clean rendering across screen sizes, keeping the scroll-reveal experience intact on smaller viewports where gallery visitors increasingly browse.

• Staggered reveal animations and full-bleed portrait sections are designed to translate from wide desktop layouts to mobile without losing the atmospheric pacing
• The slide-out inquiry panel and sticky catalogue bar are built to remain usable and visible on narrow screens, preserving both conversion paths on mobile

How this template helps you convert

Griot earns the click by letting the art establish its own value before any commitment is asked. The conversion structure is deliberate and layered.

1. Prices stay hidden until a visitor actively engages with a piece by clicking "Inquire About This Work," which filters casual browsers and surfaces serious buyers naturally
2. The slide-out panel captures buyer intent through a short form, giving you qualified lead data alongside each inquiry rather than anonymous contact requests
3. The persistent sticky catalogue bar keeps a low-friction secondary offer visible at all times, so visitors who are not ready to inquire about a single piece still have a clear next step

Other information about this template

Griot is part of a growing set of specialty retail landing page templates designed for high-context, high-value commerce. A few additional details worth knowing before you build with it.

• The template style is Scroll Reveal (Progressive), meaning section transitions and piece reveals are animation-driven by scroll position rather than page navigation
• The header concept is a Lifestyle Shot, which means the opening visual is designed for a wide-format, golden-hour interior photograph rather than a plain product image
• The landing page direction is Marketplace and Multi-conversion, supporting both individual piece inquiries and a catalogue request path within the same page
• This template fits sellers operating across the African specialty retail space, including independent galleries, diaspora art dealers, and curators serving the interior design and corporate acquisition markets

Show more