Verde — Organic Grocery Storefront — Référence de design web et prompt

# SUMMARY

BUILD **VERDE** — AN EARTHY, HIGH-END EDITORIAL E-COMMERCE STOREFRONT TEMPLATE, RECREATED SAME-TO-SAME (PIXEL / BEHAVIOR PARITY) FROM THE REFERENCE DESIGN. THE TEMPLATE COMBINES BOLD INDUSTRIAL DISPLAY TYPOGRAPHY WITH A SOFT ORGANIC "FOREST AND SAGE" COLOR STORY, A PERSISTENT ANALOG NOISE OVERLAY, ULTRA-ROUNDED COLOR-BLOCKED SECTIONS, AND FLUID SCROLL-TRIGGERED REVEAL ANIMATIONS. THE MOOD IS PREMIUM, NATURAL, AND TACTILE — A FARM-TO-TABLE GROCERY / WHOLE-FOODS BRAND WITH A LUXURY MAGAZINE FEEL. SHIP AS A SINGLE SELF-CONTAINED STATIC PAGE (HTML + CSS + VANILLA JS) THAT RUNS OFFLINE WITH ALL FONTS AND IMAGERY VENDORED LOCALLY. NO BUILD STEP.

# STYLE

THE STYLE USES A HIGH-CONTRAST 'FOREST AND SAGE' COLOR STORY. TYPOGRAPHY IS A MIX OF HEAVY, CONDENSED DISPLAY FACES (ANTON) FOR IMPACT AND CLEAN, TRACKED-OUT SANS-SERIFS (INTER) FOR UTILITY. VISUALS ARE TREATED WITH A PERSISTENT SVG FRACTAL NOISE OVERLAY (4% OPACITY) TO ADD ANALOG TEXTURE. ANIMATIONS FOCUS ON VERTICAL REVEALS USING A CUSTOM CUBIC-BEZIER FOR A 'SNAPPY YET SMOOTH' HIGH-END FEEL.

## COLOR PALETTE (EXACT)

- FOREST: `#01472e` (PRIMARY DARK / ALL DARK TEXT — NEVER USE BLACK)
- SAGE: `#ccd5ae` (HERO BACKGROUND, FOOTER ACCENT TEXT)