Add responsible usage section

index.html

@@ -63,6 +63,24 @@
         This is a work in progress.
       </p>
     </section>
+    <h2 class="informative">
+      Responsible badge usage
+    </h2>
+    <p>
+      Badges can contribute to notification fatigue for some users. As such,
+      authors need to reserve badges for states that truly merit user attention
+      or action; avoid using them for marketing or engagement gimmicks.
+    </p>
+    <p>
+      Avoid rapidly changing values that increase distraction or cognitive
+      load.
+    </p>
+    <p>
+      To support users who do not perceive badges, or have disabled them at the
+      system level, authors are encouraged to present the same state within
+      application UI using accessible patterns (e.g., clearly labeled in-app
+      status indicators).
+    </p>
     <section class="informative">
       <h2>
         Usage examples