Component

Header

The sticky masthead with backdrop blur and the brand lockup — display name over a mono accent sub.

Preview

Code

<header class="mast">
  <div class="mast-inner">
    <a class="brand" href="/">
      <img class="brand-mark" src="/favicon.svg" alt="">
      <span class="brand-text">
        <span class="brand-name">CoE Print</span>
        <span class="brand-sub">Centers of Excellence</span>
      </span>
    </a>
  </div>
</header>

← Footer Input →