Design test · not the live site

Three directions for the same store.

Identical products, data, JavaScript and brand palette. Only the presentation layer and the hero differ. Pick an arm to see it full screen, or open the harness to compare them side by side at any viewport width.

A · control

Current demo

Dark gradient hero, serif display, chip badges, pill CTAs, hover lift. The baseline this test measures against.

Open A →
B · precision B2B

Spec-sheet direction

White hairline hero, store specification panel, ink square CTAs, voltage rail as the one repeated brand element.

Open B →
C · warm & human

Family-shop direction

Cream paper palette, tilted snapshot frame, first-person copy from Larry and Kyle, paper sticker stamps.

Open C →
Open A/B/C harness Harness at 390px

Fairness note: product data (data.js), all interactive JS, every image and the copy outside the hero are byte-identical across arms. Hero copy is part of each treatment — report it as such. Interior pages inherit each arm's theme tokens but keep their original composition.