GOOD

Follow

Topic

<ul class="follow-list">
  <li>
    <h3>
      <a href="…">Dinosaurs</a>
    </h3>
    <form action="…" method="post" class="follow">…</form>
  </li>
</ul>

Topic with an image

<ul class="follow-list">
  <li>
    <h3 class="has-image">
      <a href="…">
        <img src="…" alt="" width="80" height="80" />
        Conscious Travel
      </a>
    </h3>
    <form action="…" method="post" class="follow">…</form>
  </li>
</ul>

Topic with meta data

<ul class="follow-list">
  <li>
    <h3>…</h3>
    <div class="meta">
      <p>200 Posts</p>
      <p>10 Followers</p>
    </div>
    <form action="…" method="post" class="follow">…</form>
  </li>
</ul>

Member

<ul class="follow-list">
  <li>
    <h3 class="has-image">
      <a href="…">
        <img src="…" alt="" width="80" height="80" />
        Katie Crepeau
      </a>
    </h3>
    <div class="meta">
      <p>32 Followers</p>
    </div>
    <form action="" method="post" class="follow">…</form>
  </li>
</ul>

Introduction

<ul class="follow-list">
  <li>
    <h3 class="has-image">…</h3>
    …
    <p class="introduction">architect, blogger, health nut, happiness builder</p>
    …
  </li>
</ul>

Follow List

<ul class="follow-list">
  <li>
    <h3>
      <a href="">Dinosaurs</a>
    </h3>
    …
  </li>
  <li>
    <h3 class="has-image">
      <a href="">
        <img src="…" alt="" width="80" height="80" />
        Jillian Anthony
      </a>
    </h3>
    …
  </li>
  <li>
    <h3 class="has-image">
      <a href="">
        <img src="…" alt="" width="80" height="80" />
        Chelsea Wagner
      </a>
    </h3>
    …
  </li>
</ul>

Follow List (multiple columns)

<section class="explore">
  <ul class="follow-list">
    …
  </ul>
  …
</section>
<section class="explore featured">
  <ul class="follow-list">
    …
    <li>
      <a href="…">
        <h3>
          <img alt="You" src="…" />
          + Invite
        </h3>
        <p>
          Invite the people you respect and make GOOD even better.
        </p>
      </a>
    </li>
  </ul>
  <ul class="follow-list">
    …
    <li>
      <a href="…">
        <h3>
          <img alt="Yourboard" src="…" />
          + Your City, Issue, Topic…
        </h3>
        <p>
          Post something with your tag to start a conversation.
        </p>
      </a>
    </li>
  </ul>
</section>