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.
Last modified 2yr ago