<main class="editor" data-theme="dark" data-density="compact">
  <header>
    <h2>Nyhedsbrev-editor</h2>
    <p>Mørkt tema · kompakt værktøjslinje</p>
    <div class="actions">
      <button>Fortryd</button>
      <button data-variant="brand">Gem kladde</button>
    </div>
  </header>

  <article class="preview" data-theme="light" data-density="loose">
    <h2>Sommerens nyheder</h2>
    <p>Lyst tema · rummelige knapper til læseren</p>
    <div class="actions">
      <button>Læs mere</button>
      <button data-variant="brand">Tilmeld mig</button>
    </div>

    <aside data-density="compact">
      <p>Billedværktøjer · arver lyst tema</p>
      <div class="actions">
        <button>Beskær</button>
        <button data-variant="brand">Erstat billede</button>
      </div>
    </aside>
  </article>

  <footer data-density="loose">
    <p>Udgivelse · arver mørkt tema</p>
    <div class="actions">
      <button>Send test</button>
      <button data-variant="brand">Udgiv</button>
    </div>
  </footer>
</main>