If your site has no navigation you can use this top bar on its own.
<header class="o-header-services " data-o-component="o-header-services">
<div class="o-header-services__top">
<!-- Link to a fallback nav for the core experience when using a drawer and hamburger icon. -->
<div class="o-header-services__logo"></div>
<div class="o-header-services__title">
<a class="o-header-services__product-name" href="/">Tool or Service name</a>
<span class="o-header-services__product-tagline">Tagline to explain the product here</span>
</div>
<ul class="o-header-services__related-content">
<li>
<a href>XXXX</a>
</li>
<li>
<a href>Sign in</a>
</li>
</ul>
</div>
</header>
<div class="dummy-text">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur molestie eget ex ut volutpat. Suspendisse et molestie mi. Suspendisse at magna posuere, euismod erat eget, aliquet lorem. Praesent at semper nulla. Fusce a lobortis nibh, sit amet lobortis elit. Nunc ornare vulputate dictum. Mauris at luctus est. Cras fermentum, ex in rhoncus semper, nunc nunc porttitor felis, a dictum neque orci a tellus. Morbi ipsum mauris, pellentesque sit amet velit vitae, posuere euismod nisi. Etiam velit orci, sagittis vel pharetra sed, molestie vel massa. Sed dui sapien, euismod eget ultrices et, lacinia ut mi. Vivamus <a href="#">porttitor bibendum mauris</a> vel tempor. Vivamus vehicula dictum ipsum, a porta ex fermentum in.
</p>
<p>
Pellentesque accumsan consectetur arcu, rutrum cursus arcu pretium vitae. Nullam vitae massa felis. Donec convallis iaculis faucibus. Etiam non ullamcorper dui. Nullam sit amet ultricies erat, at luctus metus. Aliquam euismod sem ut vehicula sollicitudin. Sed vitae neque ligula. Pellentesque id diam quis libero hendrerit semper nec vitae lectus. Aenean quis accumsan nisl.
</p>
</div>
Navigation for an overview of a product's pages. These nav items collapse into a drawer at narrow screen widths.
Navigation for an overview of a product's pages. These nav items collapse into a drawer at narrow screen widths, and can be presented as dropdown menus
For sites with more than a few sections, a secondary navigation is also available