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

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 →