Add design and product documentation

DESIGN.md

@@ -0,0 +1,13 @@
+# Design — Monochrome Supply
+
+## Direction
+
+Product-first fashion editorial: monochrome palette, strict grid, large photography, restrained typography, and minimal commerce chrome.
+
+## System
+
+- Reuse semantic tokens; product media owns most visual emphasis.
+- Use sharp alignment and controlled whitespace instead of nested cards.
+- Controls must expose selected, unavailable, hover, focus, and loading states.
+- Motion is subtle and material-aware; disable nonessential transitions for reduced motion.
+- Mobile prioritizes imagery, variant selection, price, delivery, and purchase action.

PRODUCT.md

@@ -0,0 +1,21 @@
+# Product — Monochrome Supply
+
+Status: approved baseline.
+
+## Audience and job
+
+Style-conscious customers need to discover a focused collection, inspect garment detail and fit, choose a valid variant, and understand delivery and returns before purchase.
+
+## Primary journeys
+
+1. Browse editorial collection stories and product categories.
+2. Evaluate product imagery, material, fit, size, color, price, and availability.
+3. Add a valid variant to cart and review shipping and return expectations.
+
+## Non-goals
+
+- No fake scarcity, unavailable checkout integrations, or decorative controls without state.
+
+## Success criteria
+
+Products dominate the interface, variant state is unambiguous, and mobile shopping remains fast and readable.