Bordered Inset

About this block

Bordered Inset is a centered call-to-action panel. The outer section holds a single rounded container drawn with a subtle border, and inside that container sits a headline, a supporting line of body text, and a row of two buttons: a solid primary action and a ghost secondary action. All three content elements are center-aligned and constrained to a readable max width so the copy stays tight on any screen.

The headline, supporting text, and button labels are all plain copy and can be rewritten freely. The two-button row is independent, so you can drop the secondary button if a single action is clearer for your context. The bordered container itself provides the visual separation, so this block needs no background color or card to stand on its own.

When to use

This layout suits a mid-page conversion push that needs to feel considered rather than loud. It works especially well on a logistics or delivery platform, where the CTA follows a feature walkthrough and the border signals a contained, trustworthy offer rather than a hard sell. Compared to a full bleed band it stays quieter and lets the surrounding page breathe; compared to a minimal inline strip it gives enough room to add a supporting sentence that addresses a shipper's main hesitation.

A natural flow around it on a Marketing Pro page:

Before

• A Features block to show what the platform does before asking for a commitment
• A Testimonials block to build trust immediately before the conversion ask

After

• A Pricing block for readers who want to compare plans before signing up
• A Footers block to close the page with navigation and legal links

What you can customize

The block has three swappable content areas, each independent of the others:

• Headline. One or two lines work best inside the constrained width; keep it to a direct benefit statement so it lands without supporting context.
• Supporting text. The paragraph under the headline addresses a hesitation or names the key outcome; removing it tightens the block for audiences who already understand the offer.
• Button labels and count. The primary button drives the main action and the ghost button handles a softer path like a demo or a tour; drop the ghost button when you want a single clear directive.

Tip: match the primary button label to the exact action the reader takes next, such as "Start free trial" or "Request a quote," so there is no gap between the promise and the destination.