Form

<div class="e-layout">
  <header class="e-layout__header e-layout__header-form">
    <!-- optional back button -->
    <a href="#" class="e-layout__back">
      <e-layout-back-button>Go to Overview</e-layout-back-button>
    </a>
    <h1 class="e-layout__title">Overview</h1>
    <!-- optional actions -->
    <div class="e-layout__actions">
      <button type="button" class="e-layout__action e-btn">Button 1</button>
      <button type="button" class="e-layout__action e-btn e-btn-primary">Button 2</button>
    </div>
  </header>
  <main class="e-layout__content e-layout__content-form">
    <!-- using a utility to add padding to content -->
    <section class="e-layout__section e-padding-s">
      <!-- Form -->
    </section>
  </main>
</div>

Example