ARTSABERS — Cart Build Brief · Variant A · The Assembly Bay

Purpose

The ARTSABERS shopping cart — Variant A: “The Assembly Bay”. One of three variants exploring different cart philosophies. This one leans into the Kyber Hull workshop metaphor: the cart is where the customer inspects their assembly order before it enters production. Rich composite display, strict cost transparency hierarchy, options collapsed below the CTA so the total dominates.

Question this variant asks: does richer composite display + strict transparency-first cost hierarchy win the check-your-order-before-checkout moment?

Direction

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

Sections (top to bottom)

1. Compact page header

• ~280–320px. Panel-joint background matching MAS51.
• Breadcrumb: Home / Cart.
• Title in ember accent: Your Cart.
• Sub-line: dynamic item count — “3 items · 2 assembly bays”.
• Base trust chip strip: 24-hour UK dispatch · Factory-direct workshop · 1-year duelling warranty · 2,400+ five-star reviews. Note “Factory-direct workshop” replaces the “UK customer service” chip to reframe the split shipping model.

2. Free gift band — unlocked state

• Full-width ember gradient band directly below the header.
• Left: gift icon + You’ve unlocked a free gift. · sub-line “Choose one below. Ships with Assembly Bay 1.”
• Right: 3 gift-option tiles, one shown SELECTED. Use these REAL accessory URLs:
  • Silver Lightsaber Coupler ($19.99) — https://nerdworks.uk/wp-content/uploads/2025/08/Silver-coupler-2-1-768x768.jpg — this tile SELECTED
  • Grey Lightsaber Coupler ($19.99) — https://nerdworks.uk/wp-content/uploads/2025/08/Grey-coupler-2-1-768x768.jpg
  • Black Covertec Wheel Adapter ($19.99) — https://nerdworks.uk/wp-content/uploads/2025/08/Black-Covertec-Wheel-Adapter-for-S-RGB-SNV4-PRO-and-Proffie-2.2-Lightsabers-768x768.jpg

3. Main cart — two-column split

Left column: shipments as bordered “Assembly Bay” content-groups (MAS52 fieldset pattern). Reframe “Shipment” → “Assembly Bay” throughout to signal the factory-direct workshop metaphor.

Assembly Bay 1:

• Legend heading: Assembly Bay 1 of 2 · sub-line: Factory-direct · Arriving 12–14 August · FREE.
• Line items — see composite display rules below.
  1. Carbon Strike Lightsaber – Xenopixel V3 · qty 1 · $459.99 · https://artsabers.com/wp-content/uploads/sites/10/2026/01/Carbon_Strike_1-768x768.jpg · Blade: Ember-orange · Neopixel · 36″ Duelling
  2. Starkiller SE Lightsaber – Proffie 2.2 · qty 1 · $299.99 · https://artsabers.com/wp-content/uploads/sites/10/2025/12/Starkiller1_SE_1-768x768.jpg · Blade: Red · Neopixel · 32″ Duelling
• Delivery options row (radio group):
  • (selected) Standard — arrives 12–14 August — FREE
  • Express — arrives 9–10 August — $14.99
  • Weekend delivery — Saturday 10 August — $19.99

Assembly Bay 2:

• Legend heading: Assembly Bay 2 of 2 · sub-line: Factory-direct · Arriving 25 August – 2 September · FREE.
• One line item:
  1. 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 · Blade: Purple · Baselit · 32″
• Delivery options (same shape as Bay 1).
• Small body explainer below the delivery options: “Ships direct from our workshop after final assembly + hand-testing. Every hilt is played, tuned, and tested before dispatch.”

4. Order summary — right column, transparency-first

Bordered content-group (MAS52 fieldset pattern). Sticky on desktop. Strict hierarchy: cost first, CTA second, options collapsed below the CTA.

Structure inside the summary:

• Legend heading: Order Summary.
• Cost table — clean, no visual clutter:
  • Subtotal · $924.97
  • Assembly Bay 1 shipping · FREE (factory-direct label muted)
  • Assembly Bay 2 shipping · FREE (factory-direct label muted)
  • Discount (SAVE10) · -$92.50
  • Tax · shown at checkout
• Hairline separator
• Estimated total row — BIG: Estimated total · $832.47 in the largest ember display size on the summary.
• BNPL preview row (subtle): Or 4 × $208 with Klarna · small ember tag COMING SOON next to it. Sub-line body-font muted: “Currently under review with our shipping partners.”
• Loyalty points earned line (small muted): +240 points on this order
• Hairline separator
• Primary CTA — full width: Secure Checkout → ember gradient
• Trust badges row below CTA: SSL padlock · 30-day returns · payment method icons (Visa · Mastercard · Amex · Apple Pay · Google Pay · Klarna with “SOON” tag)
• Small footer note: “Free returns within 30 days. Duty and taxes calculated at checkout.”

Options accordion below the CTA — collapsed by default so they don’t compete with the total. Single accordion with three collapsed rows:

• ▸ Have a discount code?
• ▸ Apply loyalty points — sub: You have 2,400 points ($24 value)
• ▸ Add gift wrap + message — sub: $4.99

Render ONE of them expanded to demonstrate the pattern — pick the gift wrap (shows textarea usage): expanded state with checkbox ON, kraft-paper description text, textarea with sample gift message + counter (62/240).

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

• Section heading in display type + small “View all accessories →” ember link right-aligned.
• 4 accessory tiles (200×200 images):
  1. RGB Triple Lightsaber Tiered Stand · $99.99 · https://artsabers.com/wp-content/uploads/sites/10/2026/05/GD_7767-拷贝-768x768.jpg
  2. Type-C S-RGB Charging Kit · $84.99 · https://artsabers.com/wp-content/uploads/sites/10/2025/11/Type-C-S-RGB-Kit-768x768.jpg
  3. Type-C Proffie 2.2 Charging Kit · $109.99 · https://artsabers.com/wp-content/uploads/sites/10/2025/11/Type-C-Proffie-2.2-PRO-Kit-768x768.jpg
  4. Silver Covertec Wheel Adapter · $19.99 · https://nerdworks.uk/wp-content/uploads/2025/08/Silver-Covertec-Wheel-Adapter-for-S-RGB-SNV4-PRO-and-Proffie-2.2-Lightsabers-768x768.jpg
• Each tile: image, category tag muted, name, ember price, small ghost “Add to cart +” button.

6. Post-cart reinforcement band

Same as MAS51: plain carbon + ember hairline separator top + dot-separated brand line Every hilt hand-tested in-house · Global 7–10 day delivery · 2,400+ five-star reviews.

7. Site footer

Standard site chrome. Not brief content.

Composite line-item display — Variant A treatment

Only the blade needs displaying (Saber Core is in the product title). Blade info line sits directly under the product name in the line item. Compact but complete:

• Small colour swatch (hex-tinted circle or 10×10 square) + Blade colour · Blade type (Neopixel / Baselit) · Blade length · Duelling/Standard if applicable.
• Example rendering: [○ ember-orange swatch] Ember-orange · Neopixel · 36" · Duelling
• Font: heading-font display, uppercase, letter-spaced — same treatment as MAS49’s product-card meta line.
• Colour: chrome-warm, with the swatch inheriting the blade’s actual colour.

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 (radio group, quantity stepper, primary/secondary CTA, textarea, character counter) — MAS52
• Post-cart reinforcement band + site footer — MAS51

Kyber Hull styling

• Ember accent on prices, “FREE” labels, selected radio state, primary CTA, hairline dividers
• Zero border-radius sitewide
• Muted body-font for secondary actions (Save for later / Remove / Edit)
• MAS52 --forge-red: #E63929 inherited for error states (invalid coupon etc.)

Copy locks (verbatim)

• Free gift band: You’ve unlocked a free gift. · sub Choose one below. Ships with Assembly Bay 1.
• Trust chip strip: 24-hour UK dispatch · Factory-direct workshop · 1-year duelling warranty · 2,400+ five-star reviews
• BNPL preview row: Or 4 × $208 with Klarna · tag COMING SOON · sub Currently under review with our shipping partners.
• Assembly Bay 2 explainer: “Ships direct from our workshop after final assembly + hand-testing. Every hilt is played, tuned, and tested before dispatch.”
• Order summary tax row: “Tax · shown at checkout”
• Post-cart reinforcement: Every hilt hand-tested in-house · Global 7–10 day delivery · 2,400+ five-star reviews
• Primary CTA: Secure Checkout →