NS Design System
v3.0.0 · 257 tokens

122Takeaway

“In short” — the argument compressed. Near the top for a reader who will not finish, or at the end for one who did.

Use it for

  • A long post whose thesis is worth stating on its own
  • The summary a reader would screenshot

Not for

  • A callout — that is an aside about the paragraph beside it; this is the whole argument said faster
  • More than one per post

In short

markup
<aside class="ns-takeaway">
  <span class="ns-takeaway__label">In short</span>
  <p class="ns-takeaway__text">Profiles say what a user can do to an object. The role hierarchy and sharing rules say which records they can see. Almost every access bug is someone solving one half with the other half&rsquo;s tool.</p>
</aside>

Accessibility contract

  • A leading rule and a mono label rather than a tinted panel — it reads as a change of register, not a different kind of content