Promo Sections
Promotional hero banners with background images, overlapping tiles, and CTAs.
How To Use This Page
Promo Sections sits inside the Ecommerce part of the catalog and collects reusable examples that solve the same job in different ways.
This page currently groups 8 examples so you can compare structure, emphasis, and density before choosing an implementation direction.
How The Content Is Grouped
- The examples are grouped as a single Ecommerce reference page so you can compare variations without leaving the route.
- Use the jump links to move straight to the most relevant example once you know which structure, layout, or emphasis pattern you need.
Start With
Background image hero
Centered copy over a full-bleed workspace backdrop.
Workspace collection hero
Large left-aligned content over an immersive photo.
Text left, image stack right
Staggered product imagery paired with a strong merchandising message.
Image stack left, text right
Reversed composition for merchandising callouts and campaign copy.
Large campaign hero
Oversized title, subtitle, and dual CTAs over a scenic product image.
Text with 2x2 product tiles
Editorial promo copy paired with a dense product grid.
Background image with testimonial
A darkened photo backdrop with a customer quote and supporting CTA.
Split layout with offer links
Large image on the left with clickable stacked offers on the right.
Promo Sections · With background image
Background image hero
Centered copy over a full-bleed workspace backdrop.
Level up your desk
Warm materials, quiet colors, and smart accessories built for everyday focus.
Promo Sections · Full width with background image
Workspace collection hero
Large left-aligned content over an immersive photo.
Workspace Collection
Refined desk accessories, lighting, and storage designed to make your setup feel intentional.
Promo Sections · Full width with overlapping image tiles
Text left, image stack right
Staggered product imagery paired with a strong merchandising message.
Reimagine your workspace
Layer in sculptural lighting, thoughtful storage, and tactile materials that make long work sessions feel better.
Promo Sections · With overlapping image tiles
Image stack left, text right
Reversed composition for merchandising callouts and campaign copy.
Build a setup that feels calm
Mix natural finishes, warm metal accents, and practical storage to bring order to the day.
Promo Sections · Full width with large content
Large campaign hero
Oversized title, subtitle, and dual CTAs over a scenic product image.
Set the tone for your best work
Discover warm lighting, refined desk tools, and modular storage that transform a spare surface into a focused studio.
Promo Sections · With image tiles
Text with 2x2 product tiles
Editorial promo copy paired with a dense product grid.
Everything your workspace needs
Start with versatile essentials, then layer in statement pieces that help the whole room feel considered.
Currently spotlighting: Desk Shelf
Promo Sections · With fading background image and testimonials
Background image with testimonial
A darkened photo backdrop with a customer quote and supporting CTA.
This bag is perfect
The proportions, the finish, and the interior layout all feel thought through. It looks polished without being too precious.
Monica
Promo Sections · With offers and split image
Split layout with offer links
Large image on the left with clickable stacked offers on the right.
Shop by offer
Browse the deals, bundles, and shipping perks driving this week's merchandising story.