NS Design System
v3.0.0 · 257 tokens

128Related

Further reading, placed where the tangent actually comes up rather than piled at the end — which is where links go to be ignored.

Use it for

  • Mid-article, at the moment the reader might want the detour
  • Linking a lesson from a post, or a post from a lesson

Not for

  • A list of everything you have written
  • The end of the article — the post footer already does that

Mid-article

markup
<aside class="ns-related">
  <span class="ns-related__label">Related</span>
  <ul>
    <li><a href="#0"><span class="ns-related__kind">Lesson</span>Profiles vs permission sets</a></li>
    <li><a href="#0"><span class="ns-related__kind">Doc</span>Sharing rules reference</a></li>
  </ul>
</aside>

Accessibility contract

  • The kind (LESSON, DOC, POST) is text, so the destination type is announced rather than guessed from an icon