Neo-Brutalist Header – CSS Snippet

Go back

<header class="site-header">

  <div class="header-container">

    <!-- Logo -->
    <a href="#" class="site-logo">
      <span class="logo-icon">✦</span>

      <span class="logo-text">
        AYUSH<span class="logo-accent">NATH</span>
      </span>
    </a>


    <!-- Navigation -->
    <nav class="main-nav">

      <a href="#work" class="nav-link">WORK</a>
      <a href="#about" class="nav-link">ABOUT</a>
      <a href="#services" class="nav-link">SERVICES</a>
      <a href="#contact" class="nav-link">CONTACT</a>

    </nav>


    <!-- Header CTA -->
    <a href="#contact" class="header-button">
      LET'S TALK <span>↗</span>
    </a>

  </div>

</header>