
Preview image. Unlock full-res
Warm Product Showroom. Brightly lit cards present products with a clear, direct aesthetic.
ThatWineIsMine presents a warm, inventory-focused shop experience. A classic light theme with high contrast text and a vivid red accent color creates clear calls to action and highlights product details. Product cards are central, featuring soft shadows and prominent imagery, grounded by clear pricing and review details. The layout prioritizes product visibility with clear sectioning and comfortable spacing. Use Graphite (#333333) for all primary text elements to ensure high contrast and readability. Apply Wine Red (#8b0000) for primary call-to-action button backgrounds and important interactive links. Maintain a comfortable information density using an element gap of 20px and a section gap of 113px. Ensure all cards have a 15px border radius and the rgba(0, 0, 0, 0.1) 0px 4px 15px 0px shadow for consistent elevation. Use Arial font family for all text elements, leveraging weights 400 for body, 600 for headings, and 700 for bold labels. Apply Goldenrod Accent (#f9a825) sparingly for decorative highlights, badges, and to draw attention to specific product features or banners. Implement a 30px border radius for key interactive buttons in the header, while primary action buttons within content use an 8px radius. Do not use highly saturated colors for large background areas; reserve Canvas White (#ffffff) and Ash Gray (#f0f0f0) for primary surfaces. Avoid using multiple font families; stick strictly to Arial across all typographic elements. Do not introduce shadows without the prescribed rgba(0, 0, 0, 0.1) 0px 4px 15px 0px for cards or rgba(139, 0, 0, 0.3) 0px 4px 15px 0px for buttons. Do not deviate from the established 15px border radius for cards or 8px for CTA buttons. Avoid excessive use of the Goldenrod Accent (#f9a825) that might compete with the Wine Red (#8b0000) primary actions. Do not use generic black for text; always use Graphite (#333333) or Steel Gray (#666666) depending on hierarchy. Do not use padding inside product cards: images should bleed to the edge to maximize product visibility.









