keyboard/CustomKeyboard/Resource/kb_keyboard_layout_config.json

{
  "designWidth": 375,
  "defaultKeyBackground": "#FFFFFF",
  "metrics": {
    "rowSpacing": 8,
    "topInset": 8,
    "bottomInset": 6,
    "keyHeight": 41,
    "edgeInset": 4,
    "gap": 5,
    "letterWidth": 32,
    "controlWidth": 41,
    "sendWidth": 88,
    "symbolsWideWidth": 47,
    "symbolsSideWidth": 41
  },
  "fonts": {
    "letter": 20,
    "digit": 20,
    "symbol": 18,
    "mode": 14,
    "space": 18,
    "send": 18
  },
  "keyDefs": {
    "shift": { "type": "shift", "title": "⇧", "symbolName": "shift", "selectedSymbolName": "shift.fill", "font": "symbol", "width": "controlWidth", "backgroundColor": "#B7BBC4" },
    "backspace": { "type": "backspace", "title": "⌫", "font": "symbol", "width": "controlWidth", "backgroundColor": "#B7BBC4" },
    "mode_123": { "type": "mode", "title": "123", "font": "mode", "width": "controlWidth", "backgroundColor": "#B7BBC4" },
    "mode_abc": { "type": "mode", "title": "ABC", "font": "mode", "width": "controlWidth", "backgroundColor": "#B7BBC4" },
    "symbols_toggle_more": { "type": "symbolsToggle", "title": "#+=", "font": "mode", "width": "symbolsSideWidth", "backgroundColor": "#B7BBC4" },
    "symbols_toggle_123": { "type": "symbolsToggle", "title": "123", "font": "mode", "width": "symbolsSideWidth", "backgroundColor": "#B7BBC4" },
    "emoji": { "type": "custom", "title": "😁", "font": "symbol", "width": "controlWidth", "backgroundColor": "#B7BBC4" },
    "space": { "type": "space", "title": "space", "font": "space", "width": "flex" },
    "send": { "type": "return", "title": "send", "font": "send", "width": "sendWidth", "backgroundColor": "#B7BBC4" }
  },
  "layouts": {
    "letters": {
      "rows": [
        {
          "align": "left",
          "insetLeft": 4,
          "insetRight": 4,
          "gap": 5,
          "items": [
            "letter:q", "letter:w", "letter:e", "letter:r", "letter:t",
            "letter:y", "letter:u", "letter:i", "letter:o", "letter:p"
          ]
        },
        {
          "align": "center",
          "insetLeft": 0,
          "insetRight": 0,
          "gap": 5,
          "items": [
            "letter:a", "letter:s", "letter:d", "letter:f", "letter:g",
            "letter:h", "letter:j", "letter:k", "letter:l"
          ]
        },
        {
          "align": "left",
          "insetLeft": 4,
          "insetRight": 4,
          "gap": 5,
          "segments": {
            "left": [
              { "id": "shift", "width": "controlWidth" }
            ],
            "center": [
              "letter:z", "letter:x", "letter:c", "letter:v", "letter:b", "letter:n", "letter:m"
            ],
            "right": [
              { "id": "backspace", "width": "controlWidth" }
            ]
          }
        },
        {
          "align": "left",
          "insetLeft": 4,
          "insetRight": 4,
          "gap": 5,
          "items": [
            "mode_123", "emoji", "space", "send"
          ]
        }
      ]
    },
    "numbers": {
      "rows": [
        {
          "align": "left",
          "insetLeft": 4,
          "insetRight": 4,
          "gap": 5,
          "items": [
            "digit:1", "digit:2", "digit:3", "digit:4", "digit:5",
            "digit:6", "digit:7", "digit:8", "digit:9", "digit:0"
          ]
        },
        {
          "align": "left",
          "insetLeft": 4,
          "insetRight": 4,
          "gap": 5,
          "items": [
            "sym:-", "sym:/", "sym::", "sym:;", "sym:(",
            "sym:)", "sym:￥", "sym:&", "sym:@", "sym:“"
          ]
        },
        {
          "align": "center",
          "insetLeft": 4,
          "insetRight": 4,
          "gap": 5,
          "segments": {
            "left": [
              { "id": "symbols_toggle_more", "width": "symbolsSideWidth" }
            ],
            "center": [
              { "id": "sym:.", "width": "symbolsWideWidth" },
              { "id": "sym:,", "width": "symbolsWideWidth" },
              { "id": "sym:?", "width": "symbolsWideWidth" },
              { "id": "sym:!", "width": "symbolsWideWidth" },
              { "id": "sym:‘", "width": "symbolsWideWidth" }
            ],
            "right": [
              { "id": "backspace", "width": "symbolsSideWidth" }
            ]
          }
        },
        {
          "align": "left",
          "insetLeft": 4,
          "insetRight": 4,
          "gap": 5,
          "items": [
            "mode_abc", "emoji", "space", "send"
          ]
        }
      ]
    },
    "symbolsMore": {
      "rows": [
        {
          "align": "left",
          "insetLeft": 4,
          "insetRight": 4,
          "gap": 5,
          "items": [
            "sym:[", "sym:]", "sym:{", "sym:}", "sym:#",
            "sym:%", "sym:^", "sym:*", "sym:+", "sym:="
          ]
        },
        {
          "align": "left",
          "insetLeft": 4,
          "insetRight": 4,
          "gap": 5,
          "items": [
            "sym:_", "sym:\\", "sym:|", "sym:~", "sym:<",
            "sym:>", "sym:€", "sym:￥", "sym:$", "sym:·"
          ]
        },
        {
          "align": "center",
          "insetLeft": 4,
          "insetRight": 4,
          "gap": 5,
          "segments": {
            "left": [
              { "id": "symbols_toggle_123", "width": "symbolsSideWidth" }
            ],
            "center": [
              { "id": "sym:.", "width": "symbolsWideWidth" },
              { "id": "sym:,", "width": "symbolsWideWidth" },
              { "id": "sym:?", "width": "symbolsWideWidth" },
              { "id": "sym:!", "width": "symbolsWideWidth" },
              { "id": "sym:‘", "width": "symbolsWideWidth" }
            ],
            "right": [
              { "id": "backspace", "width": "symbolsSideWidth" }
            ]
          }
        },
        {
          "align": "left",
          "insetLeft": 4,
          "insetRight": 4,
          "gap": 5,
          "items": [
            "mode_abc", "emoji", "space", "send"
          ]
        }
      ]
    }
  }
}