UGC gallery component. Three shapes for three jobs.
The community-photo surface needs to show up on Creator Takeover pages, product pages, and the homepage — each with a distinct job. Rather than one component with too many props, three purpose-built variants covering the range. All three use the same Kyber Hull substrate (Orbitron titles, Onest body, Space Grotesk chrome, ember accents on budget) and the same eight placeholder photos so you can compare treatments A/B.
Editor-picked photos, considered composition, rich per-cell chrome. Each cell carries the creator's @handle + platform, a short caption in ARTSABERS voice, and a product tag linking back to the hilt in the photo. One cell in each grid gets an ★ EDITOR'S PICK chip. Feels like a curated photo essay.
What the community is building.
Hand-picked from what we've seen this month across Instagram, TikTok, and the Discord. Tap through to the hilt in each shot.
Uniform 1:1 tiles pulled live from an Instagram / TikTok hashtag feed (or curated set). Minimal per-cell chrome — @handle + platform icon only, revealed on hover. High density (6-12 tiles), scannable at a glance, feels like a social feed embedded in the page. Bottom row anchors on a hashtag CTA + community link.
#ARTSABERSFAMILY
Real customers, real hilts. Tap any photo for the product. Tagged your own? We might feature it.
Single hero photo alongside a quote from the community member, with attribution and a direct product-link CTA. Editorial narrative — one moment, told fully — rather than a wall of thumbnails. Best where you want the reader to slow down and read (product page, homepage story band, cross-linking to a specific hilt).
Bought the Vader EP3 a year ago after months of comparing. Still ignites every time. Still sounds every bit as good. The Xenopixel V3 board earned its keep — and the customer service the one time I needed it was a real person, in a day.
Where each variant lives.
Creator Takeover (MAS80) mid-page community band · Homepage featured moment · Campaign hero bands (Workshop Takeover, Weekend campaign templates) · The Holocron guide article inline gallery when a piece walks through a specific build.
Homepage community strip near the footer · Product page (MAS44) "customers using it" section · Category landing pages when tagged content exists · Search results empty state as an alternative to a pure "no results" screen.
Product page (MAS44) mid-page testimonial band · Homepage occasional narrative moment · The Holocron as an intro quote to a technical guide · Bundles page (MAS92) when a bundle has a strong customer story attached.