Simple Right Aligned
A signup block with text on the left and the email field aligned right. Fits wide sections where you want the form to balance the supporting copy.
A signup block with text on the left and the email field aligned right. Fits wide sections where you want the form to balance the supporting copy.
Search blocks by description or jump to a page.
Simple Right Aligned is a two column signup section. The left column holds a bold heading and a short supporting line of text, both constrained to a readable width. The right column carries the form: a full width email input and a submit button that sit side by side on wider screens and stack on narrow ones. A short reassurance line below the input tells visitors they can unsubscribe whenever they like.
The two columns are independent, so you can rewrite the heading and description freely. The form side can be widened or narrowed by adjusting the max width wrapper, and the reassurance line can be swapped for a privacy note or removed entirely without affecting the layout.
This layout works well when your page already has a strong vertical rhythm and you want the email capture to feel like a natural content row rather than a centered interruption. For a product analytics SaaS, it fits cleanly between a feature summary and a pricing table: the left side names the value, the right side captures intent in one action. It has more horizontal presence than a centered form without the visual weight of a split image block, making it a good default for mid page placement.
A natural flow around it on a Marketing (Legacy) page:
Before
After
The heading and supporting text are the main message, so they should tell visitors exactly what they are signing up for. A few ways to frame them:
Tip: keep the heading under six words so the two columns stay balanced on desktop and neither side dominates the row.