{
  "header-image": {
    "type": "tabs",
    "options": {
      "g": [
        {
          "type": "expand",
          "label": "bg",
          "options": [
            {
              "type": "tabs",
              "options": {
                "n": [
                  {
                    "id": "background_color",
                    "type": "color",
                    "prop": "background-color",
                    "selector": "",
                    "label": "bg_c"
                  }
                ],
                "h": [
                  {
                    "id": "bg_c_h",
                    "type": "color",
                    "prop": "background-color",
                    "selector": ":hover",
                    "label": "bg_c",
                    "h": true
                  }
                ]
              }
            }
          ]
        },
        {
          "type": "expand",
          "label": "p",
          "options": [
            {
              "id": "p",
              "type": "padding",
              "prop": "padding",
              "selector": ""
            }
          ]
        },
        {
          "type": "expand",
          "label": "m",
          "options": [
            {
              "id": "m",
              "type": "margin",
              "prop": "margin",
              "selector": ""
            }
          ]
        },
        {
          "type": "expand",
          "label": "b",
          "options": [
            {
              "id": "b",
              "type": "border",
              "prop": "border",
              "selector": ""
            }
          ]
        },
        {
          "type": "expand",
          "label": "sh",
          "options": [
            {
              "id": "sh",
              "type": "box_shadow",
              "prop": "box-shadow",
              "selector": ""
            }
          ]
        }
      ],
      "m_t": [
        {
          "type": "group",
          "label": "title",
          "options": [
            {
              "id": "f_f_t",
              "type": "font_select",
              "prop": "font-family",
              "selector": ".header-title"
            },
            {
              "id": "f_s_t",
              "type": "range",
              "label": "f_s",
              "prop": "font-size",
              "selector": ".header-title",
              "units": {
                "px": [10, 100, 1],
                "em": [0.5, 5, 0.1],
                "rem": [0.5, 5, 0.1]
              }
            },
            {
              "id": "f_c_t",
              "type": "color",
              "label": "f_c",
              "prop": "color",
              "selector": ".header-title"
            },
            {
              "id": "f_w_t",
              "type": "select",
              "label": "f_w",
              "prop": "font-weight",
              "selector": ".header-title",
              "options": {
                "": "",
                "normal": "normal",
                "bold": "bold",
                "100": "100",
                "200": "200",
                "300": "300",
                "400": "400",
                "500": "500",
                "600": "600",
                "700": "700",
                "800": "800",
                "900": "900"
              }
            },
            {
              "id": "l_h_t",
              "type": "range",
              "label": "l_h",
              "prop": "line-height",
              "selector": ".header-title",
              "units": {
                "px": [10, 100, 1],
                "em": [0.5, 5, 0.1],
                "": [0.5, 5, 0.1]
              }
            },
            {
              "id": "t_s_t",
              "type": "text_shadow",
              "prop": "text-shadow",
              "selector": ".header-title"
            }
          ]
        },
        {
          "type": "group",
          "label": "subtitle",
          "options": [
            {
              "id": "f_f_st",
              "type": "font_select",
              "prop": "font-family",
              "selector": ".header-subtitle"
            },
            {
              "id": "f_s_st",
              "type": "range",
              "label": "f_s",
              "prop": "font-size",
              "selector": ".header-subtitle",
              "units": {
                "px": [10, 100, 1],
                "em": [0.5, 5, 0.1],
                "rem": [0.5, 5, 0.1]
              }
            },
            {
              "id": "f_c_st",
              "type": "color",
              "label": "f_c",
              "prop": "color",
              "selector": ".header-subtitle"
            },
            {
              "id": "f_w_st",
              "type": "select",
              "label": "f_w",
              "prop": "font-weight",
              "selector": ".header-subtitle",
              "options": {
                "": "",
                "normal": "normal",
                "bold": "bold",
                "100": "100",
                "200": "200",
                "300": "300",
                "400": "400",
                "500": "500",
                "600": "600",
                "700": "700",
                "800": "800",
                "900": "900"
              }
            }
          ]
        },
        {
          "type": "group",
          "label": "text",
          "options": [
            {
              "id": "f_f_tx",
              "type": "font_select",
              "prop": "font-family",
              "selector": ".header-text"
            },
            {
              "id": "f_s_tx",
              "type": "range",
              "label": "f_s",
              "prop": "font-size",
              "selector": ".header-text",
              "units": {
                "px": [10, 100, 1],
                "em": [0.5, 5, 0.1],
                "rem": [0.5, 5, 0.1]
              }
            },
            {
              "id": "f_c_tx",
              "type": "color",
              "label": "f_c",
              "prop": "color",
              "selector": ".header-text"
            },
            {
              "id": "l_h_tx",
              "type": "range",
              "label": "l_h",
              "prop": "line-height",
              "selector": ".header-text",
              "units": {
                "px": [10, 100, 1],
                "em": [0.5, 5, 0.1],
                "": [0.5, 5, 0.1]
              }
            }
          ]
        }
      ]
    }
  }
}