School of Gains · Presented by PaperGains

Header / nav

Sticky, blurred header. Use the horizontal logo at 44px tall minimum, keep nav items to 7 or fewer, and one primary CTA.

desktop

desktop
Sign inJoin free
View HTML
<header class="sog-header">
  <a class="sog-header__logo" href="#"><img src="/brand/sog-logo-horizontal-white.png" alt="School of Gains, Presented by PaperGains"/></a>
  <nav class="sog-nav"><a href="#" aria-current="page">Home</a><a href="#">Courses</a><a href="#">Community</a><a href="#">Tools</a><a href="#">Merch</a><a href="#">About</a></nav>
  <div class="sog-header__actions"><a class="sog-btn sog-btn--ghost sog-btn--sm" href="https://my.school-of-gains.com">Sign in</a><a class="sog-btn sog-btn--primary sog-btn--sm" href="#">Join free</a></div>
</header>