← ARTSABERS

ARTSABERS — Product Page Build Brief

BBAS2 Product Page ARTSABERS

# ARTSABERS — Product Page Build Brief

**Product used for this brief:** *Anakin Skywalker EP3 — Duelling Grade* ($459.99, Xenopixel V3 electronics). Standard hero-tier hilt — the composition below is illustrated with this SKU but the layout serves every product on the catalogue.

## Page purpose

A single hilt/helmet/accessory page that reads as a **specimen dossier** — the product laid out like a technical record card in the archive. Reads as spec sheet + editorial + trust. Conversion-oriented (BNPL, sticky ATC, product-specific FAQ) but never in retail-store voice.

## Section stack (top to bottom)

1. **Global chrome** — nav + promo bar (same components as homepage; unchanged).

2. **Breadcrumbs** — small tracked-out row. `Lightsabers ▸ Prequel Era ▸ Anakin EP3`. Space Grotesk 11px, chrome-dim.

3. **Hero split** — the specimen dossier. Two-column split. LEFT ≈ 55%: product gallery (main image + 4-6 thumbnails, primary image ≥ 900px). RIGHT ≈ 45%: dossier column with breadcrumb → eyebrow (“SPECIMEN 07 / DUELLING GRADE”) → h1 product title → aggregate rating row (5-star ember + count) → price stack (“$459.99 / or 4 payments of $115.00 with Clearpay”) → variant selectors (electronics-tier swatches, blade-length picker + link to length guide) → stock status (“In stock — ships in 7-10 days”) → prominent Add to Cart CTA + quantity selector → trust strip row (4 items, HUD label-sm: Factory direct · 7-10 day delivery · 30-day money-back · 24-hour SPOC). Full-bleed cinematic product photograph (or photograph-brief placeholder). Hero panel-seam ember-backlight at the very bottom.

4. **Sticky ATC bar** — appears on scroll. Full-width, `hull-panel-lift` background, panel-seam ember glow above. Small thumbnail + product title + price + ATC button. Hides on scroll-up past the hero.

5. **”What’s in the Box”** — full-width strip on charcoal. 4-across icon-checklist row: hilt / blade (choose length at checkout) / mounted stand / documentation card. Each item has a photograph-brief placeholder + short caption. Reads as an unboxing manifest.

6. **Product description** — editorial split on charcoal-warm. LEFT: cinematic photograph-brief placeholder (Anakin’s Duelling Grade in ceremonial pose). RIGHT: 2-3 paragraphs of narrative brand-voice copy — what this hilt IS, the story, the character reference (respect Lucasfilm boundary — never “official”), the materials and craftsmanship.

7. **Technical specifications** — full-width on void. Asymmetric spec-sheet grid. LEFT column: `HILT LENGTH`, `HILT WEIGHT`, `GRIP MATERIAL`, `ACCENT METAL`, `EMITTER STYLE`, `POMMEL STYLE`. RIGHT column: `ELECTRONICS`, `SOUND FONTS`, `BLADE COLORS`, `BLADE STYLES`, `BLUETOOTH`, `BATTERY LIFE`. All values in Space Grotesk tabular. Dotted-leader between label and value. Ember accent-numeric on key headline values (e.g. font count, blade colors).

8. **Blade length guide** — full-width on charcoal. Visual comparison: 26″ / 32″ / 36″ blade lengths shown against a stylised human silhouette (photograph-brief placeholder describing the illustration). Small dossier-style label under each blade. “Choose your grade” caption below.

9. **Electronics comparison** — full-width on carbon. 5-tier ladder card row (S-RGB / RGB-X / Xenopixel V3 [current] / Proffie 2.2 / Proffie 2.2 Duelling Pro). Current selection highlighted with ember hot-rim. Each tier shows: name / price band / 3 key spec bullets. “Why we recommend Xenopixel V3 for this hilt” callout below.

10. **Product demo video** — full-width on charcoal-warm. 16:9 embedded video placeholder (photograph-brief describing the shot — hilt igniting on black, blade extending, sound-font sample). Play-button overlay + duration chip.

11. **Product-specific FAQ** — full-width on charcoal. 6-8 accordion questions specific to this SKU (not the shared FAQ). Examples: “Is this a real duelling saber?” · “Can I change the blade colour?” · “What sound fonts are pre-loaded?” · “How long does the battery last?” · “Can I upgrade the electronics later?” · “Does it come with a stand?” · “What’s the return process?”. Each answer: 2-3 lines Manrope, chrome-warm.

12. **Reviews** — full-width on charcoal. Aggregate row: overall rating (large ember number + 5-star), rating breakdown bar chart (5→1 star counts), review count. Below: 3 featured reviews (star row + verified badge + reviewer name + brief text snippet + timestamp). “View all reviews” ghost CTA. Placeholder flag until a review platform lands.

13. **Related products — Complete the Set** — full-width on carbon. 4-across accessory cross-sells: blade plug / display stand / hard case / additional blade. Same product-card shape as homepage Fan Favourites. Titles + prices + tier badges.

14. **Recently viewed** — full-width on charcoal. Session-persistent row of 3-4 last-viewed hilts. Same product-card shape.

15. **Warm capture band** — MANDATORY, full orange ombre. Same as homepage. Editorial headline + email input + CTA.

16. **Footer** — same as homepage.

## Copy locks (verbatim)

– Product title: “Anakin Skywalker — EP3 Duelling Grade”
– Star Wars disclaimer in footer legal, unchanged.
– Delivery narrative: “Factory-direct. Global. In your hands in 7-10 days.” — NEVER “2-3 days” or “USA warehouse”.
– Real customer service phrase: “Named single point of contact. 24-hour response.”
– Trust bar row: `7-10 DAY DELIVERY · 24-HOUR SPOC · 30-DAY MONEY-BACK · SECURE CHECKOUT`

## Placeholder discipline

Every image slot on this page uses a **photograph-brief placeholder** if no real ARTSABERS image is available. Placeholder plates are dark hull-panel-dark surfaces with a visible italic caption inside describing the photograph (lighting direction, key/rim source, backdrop, framing). Never SVG-drawn hilts, sabers, portraits, or scenes.

## Where real imagery IS available

– Hero product gallery main + thumbnails: `https://nerdworks.uk/wp-content/uploads/2025/08/Anakin-Skywalker-EP3-1.jpg` (there are 8 Anakin EP3 shots on the LIVE media library — reference for gallery)
– Electronics comparison card imagery: reuse the four hilt shots from the homepage Saber Core cards (Black Hammer / Black Hela / Black Smasher V2 / Mando Black)
– Related products cross-sells: any 4 hilts from the New Arrivals / Fan Favourites libraries

## Data locks (invented, flagged for real-data swap)

– All prices, review counts, aggregate ratings, spec values, and font/color counts are illustrative and flagged for CMS/PIM swap.
– Blade length guide’s tier-specific pricing is illustrative.