Centered Simple Promo
A clean centered promo with a headline, short message, and button. Drop it onto any store page to push a sale, a discount code, or a new arrival.
A clean centered promo with a headline, short message, and button. Drop it onto any store page to push a sale, a discount code, or a new arrival.
Search blocks by description or jump to a page.
Centered Simple Promo is a compact, vertically stacked section. A radial gradient orb sits behind the content as a subtle background accent, then the readable layer opens with an outline badge, a bold heading, a short paragraph of supporting copy, two side by side buttons (a primary action and a ghost secondary), and a small legal disclaimer line underneath. Everything is center aligned within a narrow column so the eye never wanders far.
The headline, badge label, body copy, button labels, and disclaimer are each independent pieces of text, so you can rewrite any of them without affecting the others. The secondary button can be removed if you only need one call to action, and the disclaimer line can be dropped when there is no fine print to include.
This layout suits moments when you want to promote a single offer without competing visuals. On an online education platform it works well to nudge a visitor toward a free trial, a limited enrollment window, or a bundle discount, where one focused message converts better than a panel full of competing offers. It is lighter than a split or image paired promo, so it slots naturally into the middle of a longer page without feeling like a full hero interruption.
A natural flow around it on an Ecommerce page:
Before
After
A single, direct offer is what this frame is built around. A few ways to fill it on an education or subscription platform:
Tip: keep the body copy to two sentences so the primary button stays visible above the fold on most screen sizes.