Gutenberg

Design a call-to-action block pattern for a landing page

A scenario prompt that builds an end-of-page CTA banner from a Group, Heading, Paragraph, and Buttons block, using theme palette colors so it survives a theme switch.

Works with Claude / GPT1,550 uses 4.5

The prompt

gutenberg-cta-block-pattern-landing-page
I need a call-to-action banner at the bottom of our ebook landing page:

Heading: "Get the full guide, free"
Body: "47 pages on scaling a support team without burning out your best people."
Button: "Download the PDF" linking to /downloads/support-guide.pdf
Secondary link: "No thanks, take me to the blog" linking to /blog

[replace with your own heading, body copy, button label/link, and secondary link]

Build this as a single self-contained core-block pattern:

1. Wrap everything in a `wp:group` set to full width or wide alignment, with a
   background color set to a theme.json palette slug (like `contrast` or
   `primary`), not a raw hex code, so the section still has proper contrast if the
   site later switches themes or the palette gets updated.
2. Add a `wp:heading` (level 2, this isn't the page's main H1) and a `wp:paragraph`
   for the body text, then a `wp:buttons` block holding one `wp:button`.
3. Add the secondary "no thanks" link as a plain `wp:paragraph` with a link inside
   it below the button, styled smaller and less prominent, don't make it a second
   button of equal visual weight, that defeats the point of having a primary action.
4. Check text-to-background contrast explicitly: if the group's background is a
   dark palette color, the heading and paragraph need a light text color set
   too, don't rely on the theme's default text color, which is usually dark and
   will vanish against a dark section background.
5. Confirm the button's text isn't just "Download" with the destination implied by
   context, screen reader users navigating by a list of links out of context need
   the label itself to say what they're downloading.
6. Output the complete `wp:group` markup down through the buttons and link paragraph.

Keep this CTA to one clear action plus one clear exit, not three competing buttons. A pattern with too many equal-weight choices tends to convert worse than one with a single obvious next step and a quiet way out for people who aren’t ready yet.