App layout · facet

Living room Pounces 0 Caught 0

App layout: the content fills the window and the site's nav shrinks to one glass pill in a corner the app leaves free. For: games, interactive demos, tools.

Markup

<main class="f-app" id="app">…</main>
<nav class="f-app__bar" aria-label="Site">
  <a href="/">← Back</a>
  <span class="f-app__sep" aria-hidden="true"></span>
  <span class="f-app__brand">Red Dot</span>
</nav>