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:

1. Folder name of this page

2. List of sections in this page

3. Page settings file

4. Thumbnail file

page-name/page.json
{
  "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"
    }
}

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.