Desktop design

Error state

Success state

Mobile design

Newsletter sign-up form with success message

<h1 id="mainHeading">
        Stay updated!
      </h1>

<p id="mainParagraph">
        Join 60,000+ product managers receiving monthly updates on:
      </p>

<div class="listItem" id="firstItem">
        <img src="assets/images/icon-list.svg" class="iconList" alt="iconList">
        <p class="itemParagraph" id="firstItemParagraph">
          Product discovery and building what matters
        </p>
      </div>

<div class="listItem" id="secondItem">
        <img src="assets/images/icon-list.svg" class="iconList" alt="iconList">
        <p class="itemParagraph" id="secondItemParagraph">
          Measuring to ensure updates are a success
        </p>
      </div>

<label for="emailContainer" id="label1">
        Email address
      </label>

Please log in to post a comment

Community feedback

my solution for Newsletter sign-up form with success message

Please log in to post a comment

Community feedback

Join our Discord community