Primary navigation

Our navigation is always clear, simple and intuitive for users. We try to minimise stylistic differences between desktop and mobile navigation, so new or returning users can easily find their way through a site.

<aside class="inm-side-nav ">
  <img class="inm-side-nav__logo" src="/assets/e3b659e073c5a2ae932cd60729bc1f78.svg" alt="Inmarsat" />
  <ul class="inm-side-nav__list">
    <li>
      <a href="#" class="inm-side-nav__link inm-side-nav__link--active">Dashboard</a>
    </li>
    <li>
      <a href="#" class="inm-side-nav__link">Messages</a>
    </li>
    <li>
      <a href="#" class="inm-side-nav__link">Insights centre</a>
    </li>
    <li>
      <a href="#" class="inm-side-nav__link">Campaigns</a>
    </li>
    <li>
      <a href="#" class="inm-side-nav__link">Support</a>
    </li>
    <li>
      <a href="#" class="inm-side-nav__link">Proposals</a>
    </li>
    <li>
      <a href="#" class="inm-side-nav__link">Event</a>
    </li>
    <li>
      <a href="#" class="inm-side-nav__link">Registration</a>
    </li>
    <li>
      <a href="#" class="inm-side-nav__link">Management</a>
    </li>
  </ul>
</aside>
Style and spacing
Spacing