Doggy Stickers — Illustrated Sticker Shop — Référence de design web et prompt

> SELF-CONTAINED, PIXEL-FAITHFUL REPRODUCTION OF AN EXISTING SITE — BUILT AS PLAIN HTML/CSS/JS (NO BUILD STEP), INCLUDING HOVER STATES AND INTERACTIVE BEHAVIOR.

REFERENCE: `https://doggystickers.vercel.app/`

## SUMMARY

DOGGY STICKERS IS A SMALL NEXT.JS-POWERED E-COMMERCE DEMO STORE (BUILT BY BILAL TAHIR) SELLING CARTOON DOG STICKERS. IT HAS THREE DISTINCT TEMPLATES: A HOME/CATALOG PAGE LISTING 11 STICKER PRODUCTS IN A CARD GRID, A DYNAMIC PRODUCT-DETAIL PAGE (ONE PER PRODUCT, SAME LAYOUT REUSED FOR ALL 11 SLUGS) WITH AN IMAGE GALLERY/CAROUSEL, QUANTITY AND SIZE SELECTORS, AND AN "ADD TO CART" ACTION, AND A CART PAGE LISTING ITEMS ADDED, WITH QUANTITY CONTROLS, PER-ROW REMOVE, AND A CHECKOUT CTA. THE ORIGINAL WIRES "ADD TO CART" / CHECKOUT TO A PRIVATE SHOPIFY STOREFRONT GRAPHQL API THAT CANNOT BE REPRODUCED STATICALLY — THE CLONE APPROXIMATES THIS WITH A LOCALSTORAGE-BACKED CART SO THE UI AND INTERACTIONS (ADD, UPDATE QTY, REMOVE, CART BADGE COUNT, EMPTY-STATE) BEHAVE IDENTICALLY.

## STYLE

- FONTS: **"JOSEFIN SANS"** (WEIGHTS 300/400/600/700, GOOGLE FONTS) FOR ALL HEADINGS, THE LOGO WORDMARK, PRODUCT TITLES, BUTTONS, AND THE FOOTER CREDIT LINE. BODY COPY (NAV PARAGRAPH, PRODUCT DESCRIPTIONS, TABLE LABELS) USES THE SYSTEM UI-SANS-SERIF STACK (`UI-SANS-SERIF, SYSTEM-UI, -APPLE-SYSTEM, BLINKMACSYSTEMFONT, "SEGOE UI", ROBOTO, "HELVETICA NEUE", ARIAL, ...`).
- PALETTE (TAILWIND V2 "VIOLET" SCALE, USED VIA CUSTOM NAMES `PALETTE-PRIMARY` / `-DARK` / `-LIGHT` / `-LIGHTER` IN THE ORIGINAL):