Input Style
A compact email input with an inline submit button on one row. Drop it into a footer or banner where space is tight but you still want signups.
A compact email input with an inline submit button on one row. Drop it into a footer or banner where space is tight but you still want signups.
Search blocks by description or jump to a page.
Input Style is a single row signup form. A mail icon sits inside a full width text input labeled accessibly for screen readers, and a "Join" button with a right arrow icon sits flush to its right on wider screens. Below the row a short reassurance line tells visitors no spam will be sent and that they can unsubscribe at any time.
The whole block is just the input, the button, and that one line of small print. There are no headings, no benefit lists, and no decorative elements, so you can rewrite the placeholder text, change the button label, or swap the reassurance copy without affecting anything else.
Reach for this block when the context already sells the signup and all you need is the capture form itself. On a logistics or delivery platform it fits naturally in a footer, a narrow banner across the top of a tracking page, or the tail end of a feature section where the surrounding copy has already done the persuading. Its footprint is smaller than any other block in the group, which makes it the right choice when vertical space is at a premium or when you want the form to feel like a quiet utility rather than a sales pitch.
A natural flow around it on a Marketing (Legacy) page:
Before
After
The entire block is the form row and its reassurance line. Three things worth tailoring:
Tip: on narrow viewports the input and button stack vertically, so keep the button label short enough to read well at full width.