> For the complete documentation index, see [llms.txt](https://docs.klai.studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.klai.studio/reference/site-settings/site-structure.md).

# Site Structure

Klai Studio app's do have some small opinionated design elements. Understanding the undunderlying structure will help you to design better apps.

## App Sections

There are two main sections of your app. The **Site** section which is global to the whole app and the **Page** section which is scoped to a particular page.

### Site Structure

The site structure consists of main parts.

* **Header** - This is the top section of the app. The header contains several slots
* **Navigation** - This navigation consists of the leftmost sidebar
* **Page** - This is the main working area you will use to build your app's page content. Note the page section technically extends up behind the

<figure><img src="https://701607561-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LKI28WjQukQ2x6JNpYA-887967055%2Fuploads%2F4lywQlG73clTgeUEvpY0%2Fimage.png?alt=media&amp;token=88241b55-12e1-4df2-8435-e8f2175294ed" alt=""><figcaption><p>Digram of page structure</p></figcaption></figure>