School of Gains · Presented by PaperGains

Section label

Tiny (9px) uppercase, 800 weight, 0.16em tracking. Green by default; amber for Headlines and Staff; blue for Monthly Classic and Apprentice; Discord purple for Discord and Marathon. An optional muted meta follows the label.

Rules

  • Never larger than 10px. It is a label, not a heading.
  • Colour encodes the program or source, so be consistent.

colours

colours
Next up Headlines Monthly Classic October Classic Quarterly Marathon 1 · Foundation
View HTML
<div style="display:grid;gap:10px">
<span class="sog-label-sm">Next up</span>
<span class="sog-label-sm sog-label-sm--amber">Headlines</span>
<span class="sog-label-sm sog-label-sm--blue">Monthly Classic <span class="sog-label-sm__meta">October Classic</span></span>
<span class="sog-label-sm sog-label-sm--discord">Quarterly Marathon</span>
<span class="sog-label-sm sog-label-sm--muted">1 · Foundation</span></div>