Design engineering

Product Highlights

An embeddable widget that surfaces key product facts — delivery, guarantee, social proof, material, fit — across a merchant's product page.

One script, one payload, four placements and six layouts. No dependencies, no build step, everything inside shadow roots.

Demos

• Product page The mock storefront with the widget mounted. A theme panel on the right edge configures the tokens and switches layout live.
• Dev harness Every layout, plus the degradation states — ragged content, an empty array, a malformed payload.
• Stress suite Seven storefronts built to break it — hostile CSS, a transformed ancestor, a dark theme, a 320px RTL column, a strict content security policy, broken payloads. Each states its own pass condition.

Reasoning, trade-offs and the architecture decision records are in the repository.