← ARTSABERS

ARTSABERS — Cart Build Brief · Variant E · The Curated Cart

BBAS14 Build Brief ARTSABERS

Purpose

ARTSABERS Cart page — Variant E “The Curated Cart”. Keeps the brand voice (workshop metaphor) that Variant A introduced but scopes it correctly: metaphor lives as brand CHARACTER on shipment blocks, not as page-wide language. Page-level headings + CTA stay universal so cognitive load stays low. All audit findings applied.

Question this variant asks: can we keep the workshop brand voice without breaking the metaphor discipline the audit flagged?

Direction

Kyber Hull — apply the direction from SAS1. Reuse the CSS gradient + panel-joint hairline background pattern from MAS51/MAS52. Fieldset border pattern from MAS52 for content-groups. Form primitives from MAS52. Real ARTSABERS product photography. Zero border-radius sitewide.

Metaphor discipline (LOCKED)

  • Page title: Your Cart (universal)
  • Shipment groups: Workshop Bay 1 of 2 / Workshop Bay 2 of 2 — metaphor lives here as brand character
  • Metaphor is explained ONCE inline via a shipment-group lede: “Ships direct from our workshop after final assembly + hand-testing.” This gives “Workshop Bay” its context without needing a glossary.
  • CTA: Secure Checkout → (universal)

Sections (top to bottom)

1. Compact page header

  • ~200–260px. Panel-joint background.
  • Breadcrumb: Home / Cart.
  • Title in ember accent: Your Cart.
  • Sub-line body: 3 items · 2 workshop dispatches.
  • Trust chip strip with 30-day money-back promoted: 24-hour UK dispatch · 30-day money-back · 1-year duelling warranty · 2,400+ five-star reviews.

2. Free gift — auto-applied as pinned line-item, no picker

The audit’s P1 fix taken further: no picker, no separate banner block. The free gift is applied automatically at threshold and appears as a small pinned line at the top of Workshop Bay 1, with a “Change gift →” link.

  • No banner between header and shipments.
  • Inside Workshop Bay 1, at the very top of the item list, a compact pinned row:
    • Small gift icon (32×32 ember) · Free gift — Silver Lightsaber Coupler · muted sub-line “Included with this shipment” · right-aligned “Change gift →” ember link.
    • Different visual treatment from paid line items: ember hairline background + muted “GIFT” tag pill, no qty stepper, no price, no actions except Change gift.

3. Main cart — two-column split

Left column: Workshop Bay groups (MAS52 fieldset pattern).

Workshop Bay 1:

  • Legend: Workshop Bay 1 of 2 · sub: Arriving 12–14 August · FREE.
  • Lede: “Ships direct from our workshop after final assembly + hand-testing.”
  • Pinned free-gift row (per section 2 above).
  • Paid line items (WC composite parent + child):
    1. PARENT: Carbon Strike Lightsaber — Xenopixel V3 · qty 1 · $459.99 · image https://artsabers.com/wp-content/uploads/sites/10/2026/01/Carbon_Strike_1-768x768.jpg. CHILD: Blade — Ember-orange · Neopixel · 36″ · Duelling — 60×60 ember-tinted blade slot.
    2. PARENT: Starkiller SE Lightsaber — Proffie 2.2 · qty 1 · $299.99 · image https://artsabers.com/wp-content/uploads/sites/10/2025/12/Starkiller1_SE_1-768x768.jpg. CHILD: Blade — Red · Neopixel · 32″ · Duelling — 60×60 red-tinted blade slot.
  • Delivery: single-line compact — Delivery: Standard · Arrives 12–14 August · FREE · “Change delivery →”.

Workshop Bay 2:

  • Legend: Workshop Bay 2 of 2 · Arriving 25 August – 2 September · FREE.
  • Lede: “Assembly begins on payment. Ships direct from our workshop.”
  • Line item:
    1. PARENT: Mace Windu SE Duelling Lightsaber — S-RGB · qty 1 · $164.99 · https://artsabers.com/wp-content/uploads/sites/10/2025/12/Mace_Windu_SE_1-768x768.jpg. CHILD: Blade — Purple · Baselit · 32″ — 60×60 purple-tinted blade slot.
  • Delivery: compact single line.

4. Order summary — right column

Bordered content-group (MAS52 pattern). Sticky on desktop. Structure:

  • Legend: Order Summary.
  • Cost table (Subtotal · Bay 1 shipping FREE · Bay 2 shipping FREE · Discount SAVE10 -$92.50 · Tax at checkout).
  • Hairline.
  • Estimated total (largest ember): $832.47.
  • Small line: +240 points earned on this order.
  • Hairline.
  • Coupon field VISIBLE: labelled “Discount code” input + inline Apply button + applied chip showing “SAVE10 · -$92.50 · Remove”.
  • Hairline.
  • Trust row — SSL padlock (28px ember) + 30-day money-back + 1-year warranty as three prominent chips with icons + labels.
  • Primary CTA full-width: Secure Checkout →.
  • Below CTA muted: Cart saved for 7 days · Email me my cart.
  • Payment icons: Visa · Mastercard · Amex · Apple Pay · Google Pay · Klarna (subtle icon only, no “coming soon” callout). Klarna is present because we want the operator investigation signal without breaking trust in the actual shopping experience.

5. Cross-sell strip — “Complete your setup”

Same 4 accessories as Variant D. Compact tiles.

6. Post-cart reinforcement band

Same as MAS51.

7. Site footer

WC composite line-item shape

Same as Variant D: WooCommerce native composite pattern — parent row (full shape) + child row for blade component (image slot + name only, no qty/price/actions).

  • Parent row: hilt image (100×100) · product name (heading font + “— Saber Core” tail in chrome-warm) · qty stepper · line price ember (unit omitted qty=1) · Save for later / Remove muted links.
  • Child blade row: 60×60 blade colour slot (CSS-authored blade silhouette on carbon ground, tinted the blade’s actual colour) · component name Blade — [colour] · [type] · [length] · [duelling]. No qty, no price, no actions. Indented to signal child.

Reuse from prior mockups

  • Compact page header + trust chip strip — MAS51
  • Panel-joint hairline background — MAS51
  • Fieldset border content-group + legend on top border — MAS52
  • Form primitives — MAS52
  • Post-cart reinforcement band + site footer — MAS51

Kyber Hull styling

  • Ember accent on prices, “FREE” labels, primary CTA, hairline dividers, coupon applied chip, SSL padlock, trust row icons
  • Pinned free-gift row: subtle ember-hairline background + muted “GIFT” tag
  • Zero border-radius sitewide
  • Blade component slot: dark carbon ground + blade-colour glow gradient + subtle blade silhouette in the tinted colour
  • MAS52 --forge-red: #E63929 inherited for errors

What this variant deliberately does NOT include

  • NO full-width free gift banner — pinned inline instead
  • NO free gift picker on cart — Change gift is a click-away modal
  • NO delivery upgrade radios on cart — selected + change link
  • NO options accordion — coupon visible
  • NO BNPL “Coming Soon” callout — Klarna kept as subtle icon only
  • NO expanded gift-wrap textarea in the mockup
  • NO redundant unit price when qty=1
  • Metaphor “Workshop Bay” scoped to shipment blocks only — never in page title or CTA

Copy locks (verbatim)

  • Title: Your Cart
  • Sub-line: 3 items · 2 workshop dispatches
  • Trust chip strip: 24-hour UK dispatch · 30-day money-back · 1-year duelling warranty · 2,400+ five-star reviews
  • Pinned free-gift row: Free gift — Silver Lightsaber Coupler · sub Included with this shipment · Change gift →
  • Workshop Bay 1 lede: “Ships direct from our workshop after final assembly + hand-testing.”
  • Workshop Bay 2 lede: “Assembly begins on payment. Ships direct from our workshop.”
  • Trust row: Secure checkout · Free returns · Duelling grade covered
  • Below CTA: Cart saved for 7 days · Email me my cart
  • Post-cart reinforcement: Every hilt hand-tested in-house · Global 7–10 day delivery · 2,400+ five-star reviews
  • Primary CTA: Secure Checkout →