creatordesign system
GitHub
Engagement
Broadcast · YouTube · Creator Design System

Engagement

Four subscribe styles, an engagement row, a chat panel and a comment prompt. The honest rule: an on-screen SUBSCRIBE is loudness spent — once per video, placed where the point just landed, not at the start where nobody has a reason yet.

Subscribe Subscribe · new episode Thursday 6,241 subscribers Join Subscribe
1.2k 184 Share What would you have done differently? Answering the top comment next episode

.sub-pill · .sub-bar · .sub-count · .sub-bug · .engage · .comment-prompt

Which subscribe, when
  • Pill — the ask, once, after a payoff moment
  • Bar — when the accent is already spent on screen
  • Counter — only if it's the real number
  • Bug — persistent, tiny, bottom-right, whole video

one per video · never two on screen at once

Chat roles
  • Host — accent. The only accent in the rail.
  • Mod — info blue
  • Member — success green
  • Pinned — the one row allowed a filled background

.chat__msg[data-role] · .chat__msg-pinned