TERROIR | Natural Wine Boutique
A high-end, dark-mode editorial design system inspired by boutique natural wine tasting rooms. Features a moody palette of charcoal, burgundy, and sage, anchored by the Cormorant Garamond serif and Manrope sans-serif. Ideal for luxury DTC brands, artisanal beverages, high-end furniture, or museum-curated collections. Utilizes generous whitespace, subtle grain textures, and restrained scroll-triggered animations to create a sophisticated, museum-like atmosphere.
Summary
Design a luxury boutique landing page with a 'tasting room' aesthetic. Use a dark-mode palette (#121212), editorial typography with deep kerning, and a sophisticated grain texture. The layout should prioritize storytelling through generous whitespace, high-contrast photography, and subtle hover interactions that reveal product details.
Style
The style is 'Dark Minimalist Editorial.' It uses a palette of #121212 (Black), #EDEAE4 (Cream), and earthy accents like #6B8E7F (Sage) and #8B5A3C (Sienna). Typography pairs an elegant serif for headings with a modern sans-serif for functional UI. Visuals are unified by a 5% opacity grain overlay and grayscale-to-color transitions.
Layout & Structure
An 8-section vertical scroll layout that balances conversion utility with brand storytelling. Includes a centered-logo header, asymmetrical hero, interactive grid, and a split-screen membership comparison.
Header
Editorial Hero
Interactive Flavor Wall
Product Spotlight
Case Builder Utility
Membership Comparison
How It's Made Grid
Footer
Components
Interactive Grid Card
A color-block card that reveals an image and text on hover.
Progress Capacity Indicator
A minimalist bar showing item selection progress.