{
  "layout": {
    "grid": {
      "base": {
        "horizontal": {
          "$value": "14px",
          "$type": "dimension"
        },
        "vertical": {
          "$value": "24px",
          "$type": "dimension"
        }
      },
      "scale": {
        "horizontal": {
          "1": {
            "$value": "{layout.grid.base.horizontal}",
            "$type": "dimension"
          },
          "2": {
            "$value": "28px",
            "$type": "dimension"
          },
          "3": {
            "$value": "42px",
            "$type": "dimension"
          },
          "4": {
            "$value": "56px",
            "$type": "dimension"
          },
          "5": {
            "$value": "70px",
            "$type": "dimension"
          },
          "6": {
            "$value": "84px",
            "$type": "dimension"
          },
          "7": {
            "$value": "98px",
            "$type": "dimension"
          },
          "8": {
            "$value": "112px",
            "$type": "dimension"
          },
          "20": {
            "$value": "280px",
            "$type": "dimension"
          },
          "0-1of8": {
            "$value": "1.75px",
            "$type": "dimension"
          },
          "0-1of4": {
            "$value": "3.5px",
            "$type": "dimension"
          },
          "0-1of2": {
            "$value": "7px",
            "$type": "dimension"
          },
          "1-1of2": {
            "$value": "21px",
            "$type": "dimension"
          },
          "2-1of2": {
            "$value": "35px",
            "$type": "dimension"
          },
          "3-1of7": {
            "$value": "44px",
            "$type": "dimension"
          },
          "3-1of2": {
            "$value": "49px",
            "$type": "dimension"
          },
          "4-1of2": {
            "$value": "63px",
            "$type": "dimension"
          },
          "5-1of2": {
            "$value": "77px",
            "$type": "dimension"
          },
          "6-1of2": {
            "$value": "91px",
            "$type": "dimension"
          },
          "7-1of2": {
            "$value": "105px",
            "$type": "dimension"
          }
        },
        "vertical": {
          "1": {
            "$value": "{layout.grid.base.vertical}",
            "$type": "dimension"
          },
          "2": {
            "$value": "48px",
            "$type": "dimension"
          },
          "3": {
            "$value": "72px",
            "$type": "dimension"
          },
          "0-1of8": {
            "$value": "3px",
            "$type": "dimension"
          },
          "0-1of6": {
            "$value": "4px",
            "$type": "dimension"
          },
          "0-1of4": {
            "$value": "6px",
            "$type": "dimension"
          },
          "0-1of3": {
            "$value": "8px",
            "$type": "dimension"
          },
          "0-1of2": {
            "$value": "12px",
            "$type": "dimension"
          },
          "0-2of3": {
            "$value": "16px",
            "$type": "dimension"
          },
          "0-3of4": {
            "$value": "18px",
            "$type": "dimension"
          },
          "0-5of6": {
            "$value": "20px",
            "$type": "dimension"
          },
          "0-7of8": {
            "$value": "21px",
            "$type": "dimension"
          },
          "1-1of8": {
            "$value": "27px",
            "$type": "dimension"
          },
          "1-1of4": {
            "$value": "30px",
            "$type": "dimension"
          },
          "1-1of3": {
            "$value": "32px",
            "$type": "dimension"
          },
          "1-1of2": {
            "$value": "36px",
            "$type": "dimension"
          },
          "1-2of3": {
            "$value": "40px",
            "$type": "dimension"
          },
          "2-1of2": {
            "$value": "60px",
            "$type": "dimension"
          }
        }
      }
    }
  }
}