> For the complete documentation index, see [llms.txt](https://layouthub.gitbook.io/layouthub/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://layouthub.gitbook.io/layouthub/development/create-layout.md).

# Layout Structure

A page layout is a container  sections. Start by creating a folder with your page name from developer folder with the following structure:

![](https://1163003613-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgfWhgsKZsZtv4UlNyu%2F-Mb-Z6-8JPecSO-nnoKE%2F-Mb-aMkyLaucI_Etvb3W%2FUntitled-1.jpg?alt=media\&token=4e81982f-abe2-4ea9-a632-35238c8c0442)

1. Folder name of this page
2. List of sections in this page
3. Page settings file
4. Thumbnail file

{% code title="page-name/page.json" %}

```scheme
{
  "name": "Home v1",
  "id":"ID GERNERATED FROM TEAMWORK",
  "author": "LayoutHub",
  "website": "https://www.LayoutHub.com",
  "dev":"daniel",
  "version": "2.0",
  "sections": ["section_01", "folder_name_02"],
  "theme":
    {
        "font_family": "Poppins",
        "color": "#0083b0",
        "title_font_family": "Poppins",
        "font_size": "14"
    }
}
```

{% endcode %}

**Structure of the file page.json:**\
"name": Name of this page\
"author": Author name of this page\
"website": Website url information\
"dev":" Name of developer",\
"id":"ID of page, which auto generate when download the layout to local using LayoutHub kit"\
"version": Version of this page\
"sections": Array of section folder name of this page\
"theme": Settings for the theme such as font family, color, font size...

If you love LayoutHub, could you consider posting an review? That would be awesome and really help us to grow our business, here is the[ link](https://apps.shopify.com/layout-hub/reviews).