Marketing
Trending Banners
A high-impact, 3-column banner section designed for visual storytelling and quick category navigation.
Trending Banners (3-Column Layout)
Replace this placeholder with the actual screenshot
Design Architecture
The Trending Banners section utilizes a horizontal 3-column grid. Each banner features a bottom-aligned content area with a dynamic gradient overlay to ensure text legibility regardless of the background image.
Gradient Overlay Control
Each banner block has its own Gradient Color and Opacity settings. This allows you to:
- Match the overlay to the image's dominant color.
- Create a branded "fade" effect (e.g., fading from your brand blue to transparent).
- Use dark overlays for light text or light overlays for dark text.
Interactive Elements
Hover Zoom
Images automatically scale by 5% on hover, creating a dynamic "reveal" effect that encourages clicks.
Capsule Buttons
Buttons use a sleek capsule (pill) design with customizable borders, backgrounds, and hover colors.