GOOD

Dialog

Message Title

Message Body – Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.

Suggested action to take

<section class="dialog">
  <h1>Message Title</h1>
  <p>Message Body – Lorem ipsum dolor sit amet…</p>
  <p class="action"><a href="">Suggested action to take</a></p>
</section>

Back button

Go Back

Message Title

Message Body – Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<section class="dialog">
  <p class="back"><a href="">Go Back</a></p>
  <h1>Message Title</h1>
  <p>Message Body – Lorem ipsum dolor sit amet…</p>
</section>

Section

Message Title

Section title

Message Body – Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Another title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<section class="dialog">
  <h1>Message Title</h1>
  <section>
    <h2>Section title</h2>
    <p>Message Body – Lorem ipsum dolor sit amet…</p>
  </section>
  <section>
    <h2>Another title</h2>
    <p>Lorem ipsum dolor sit amet…</p>
  </section>
</section>

Related action

Message Title

Message Body – Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<section class="dialog">
  <h1>Message Title</h1>
  <p>Message Body – Lorem ipsum dolor sit amet…</p>

  <aside>
    <a href="…">
      <h2>Not what you expected?</h2>
      <p>Alternate action to take</p>
    </a>
  </aside>
</section>

Form

Reset Your Password

Enter your email address and we’ll send instructions about how to reset your password.

<section class="dialog">
  <h1>Reset Your Password</h1>
  <p>Enter your email address and we’ll send instructions about how to reset your password.</p>

  <form action="" method="post">
    <p>
      <label>
        <span>Email Address</span><br />
        <input type="email" />
      </label>
    </p>
    <p class="submit">
      <button type="submit">Submit</button>
    </p>
  </form>
</section>