School of Gains · Presented by PaperGains

Badge & eyebrow

Pill-shaped status labels, plus the uppercase eyebrow used above headings (green by default, amber for editorial labels).

badge

Default Apprentice Master Closed Live trading floor active

View HTML

<span class="sog-badge">Default</span>
<span class="sog-badge sog-badge--green">Apprentice</span>
<span class="sog-badge sog-badge--amber">Master</span>
<span class="sog-badge sog-badge--danger">Closed</span>
<span class="sog-badge sog-badge--green sog-badge--live">Live trading floor active</span>

eyebrow

Free to start Headlines

View HTML

<span class="sog-eyebrow">Free to start</span>
<span class="sog-eyebrow sog-eyebrow--amber">Headlines</span>