homeにアプリの名前やロゴのリンク、navigationに主な移動先、commandsに検索やCommandMenuを渡します。ヘッダーは背景を持たず、机の地の上にそのまま並びます。アプリの名前は20pxの太字の濃い灰色で、名前と移動先の間に1pxの縦の線を引きます。移動先は13pxの灰色の文字で、navigationの今いる項目はcurrentにすると、面や下線を付けずに黒い太字で示し、aria-current="page"を付けます。

accountはヘッダーの上の行の末尾側に、11pxの灰色の文字で置きます。利用者の名前・アカウントの設定・ログアウトへのリンクなどを並べます。

childrenは中央のシートに置きます。シートの幅の上限はsizeで選びます。defaultは--rx-page（60rem、960px）、compactは本文の行の長さ（--rx-measure）に左右の余白を足した46rem、wideは90remです。ほかの幅が必要な時は、ルートのstyleで--rx-pageを上書きします。Board・Table・Grid・Calendarは、シートの左右の余白の分だけ外側に広がり、シートの端までスクロールします。

trailに上の階層を上から順に渡すと、シートの背後に淡い灰色（#f9f9f9、1px #e5e5e5 の枠、影なし）のシートを重ねます。背後のシートは手前のシートと同じ幅で、一段ごとに先頭側（左）と上へずれ（先頭側へは21pxずつ）、手前のシートの後ろを下端まで続きます。上の帯に18pxの太字の見出しを、2pxの下線を引いた上の階層へのリンクとして置き、先頭側（左）には細い帯が見えます。今のページのシートは、段の数だけの帯を空けて一番手前に置きます。

asideを渡すと、シートの先頭側に14.5rem（232px）の列を置きます。Highriseの左の列と同じく、列はシートの外の机の上に間を空けずに置き、列とシートを合わせて中央に揃えます。列の文字は13pxで、シートの縁から20px離します。列に置いたNavigationの行の面だけは、シートの縁まで伸ばします。幅が52rem未満ではシートの上へ移ります。

footerはシートの下に20px空けて、11pxの灰色の文字で置きます。中のリンクも同じ灰色で、下線を引きます。

AppShellの幅が45rem未満では、ヘッダーを「名前と検索」「主な移動先」の二段にし、シートの外側と内側の余白を詰めます。

wingsにstart・endを渡すと、シートをWingで包み、左右に開閉できる補助パネルを付けます。開閉の状態を保存する時はstorageKey・savedStateも渡し、WingControllerをwingとして登録します（詳しくはWingのページ）。

AppShell自身はcontrollerを使わず、JavaScriptなしでも同じ配置で表示します。