{
  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
  "$description": "白い地と淡い水色の帯を交互に並べ、ティール系のブランド色をファーストビュー・CTA帯・見出しの強調に絞って使う、明るくクリーンなBtoB向けLPの型。主CTAはオレンジのピル型で、寒色の中で温度差を作って目立たせる。書体は太いゴシック1種類に、数字と英字ラベルの欧文サンセリフを組み合わせる。フラットな面と薄い影、角丸カード、線画・フラットイラストや画面キャプチャで、信頼感と親しみやすさを両立させる。",
  "color": {
    "$type": "color",
    "background": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.992,
          0.992,
          0.996
        ],
        "hex": "#fdfdfe"
      }
    },
    "background-alt": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.949,
          0.969,
          0.973
        ],
        "hex": "#f2f7f8"
      }
    },
    "primary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.133,
          0.714,
          0.706
        ],
        "hex": "#22b6b4"
      }
    },
    "on-primary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.992,
          1,
          1
        ],
        "hex": "#fdffff"
      }
    },
    "surface": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.984,
          0.988,
          0.988
        ],
        "hex": "#fbfcfc"
      }
    },
    "tint-1": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.878,
          0.961,
          0.965
        ],
        "hex": "#e0f5f6"
      }
    },
    "text": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.133,
          0.137,
          0.141
        ],
        "hex": "#222324"
      }
    },
    "text-body": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.314,
          0.322,
          0.329
        ],
        "hex": "#505254"
      }
    },
    "text-muted": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.553,
          0.553,
          0.553
        ],
        "hex": "#8d8d8d"
      }
    },
    "cta": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.969,
          0.506,
          0.165
        ],
        "hex": "#f7812a"
      }
    },
    "on-cta": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.992,
          0.996,
          0.992
        ],
        "hex": "#fdfefd"
      }
    },
    "secondary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.227,
          0.808,
          0.906
        ],
        "hex": "#3acee7"
      }
    },
    "line": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.886,
          0.914,
          0.922
        ],
        "hex": "#e2e9eb"
      }
    },
    "accent-1": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.976,
          0.765,
          0.18
        ],
        "hex": "#f9c32e"
      }
    },
    "accent-2": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.106,
          0.271,
          0.529
        ],
        "hex": "#1b4587"
      }
    },
    "dark-section": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.192,
          0.2,
          0.208
        ],
        "hex": "#313335"
      }
    },
    "cta-accessible": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.757,
          0.337,
          0.027
        ],
        "hex": "#c15607"
      }
    },
    "secondary-accessible": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.071,
          0.502,
          0.573
        ],
        "hex": "#128092"
      }
    },
    "primary-accessible": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.094,
          0.51,
          0.506
        ],
        "hex": "#188281"
      }
    }
  },
  "spacing": {
    "$type": "dimension",
    "unit": {
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "card": {
      "$value": {
        "value": 20,
        "unit": "px"
      }
    },
    "section": {
      "$value": {
        "value": 64,
        "unit": "px"
      }
    }
  },
  "rounded": {
    "$type": "dimension",
    "sm": {
      "$value": {
        "value": 4,
        "unit": "px"
      }
    },
    "md": {
      "$value": {
        "value": 10,
        "unit": "px"
      }
    },
    "lg": {
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "full": {
      "$value": {
        "value": 999,
        "unit": "px"
      }
    }
  },
  "typography": {
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 30,
          "unit": "px"
        },
        "fontWeight": 900,
        "letterSpacing": {
          "value": 0.02,
          "unit": "em"
        }
      }
    },
    "headline-lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 22,
          "unit": "px"
        },
        "fontWeight": 700,
        "letterSpacing": {
          "value": 0.04,
          "unit": "em"
        }
      }
    },
    "headline-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 18,
          "unit": "px"
        },
        "fontWeight": 700,
        "letterSpacing": {
          "value": 0.02,
          "unit": "em"
        }
      }
    },
    "headline-sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 15,
          "unit": "px"
        },
        "fontWeight": 700,
        "letterSpacing": {
          "value": 0.02,
          "unit": "em"
        }
      }
    },
    "body-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 13,
          "unit": "px"
        },
        "fontWeight": 400,
        "letterSpacing": {
          "value": 0.03,
          "unit": "em"
        }
      }
    },
    "note": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 10,
          "unit": "px"
        },
        "fontWeight": 400,
        "letterSpacing": {
          "value": 0.02,
          "unit": "em"
        }
      }
    },
    "accent": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Montserrat",
        "fontSize": {
          "value": 22,
          "unit": "px"
        },
        "fontWeight": 700,
        "letterSpacing": {
          "value": 0.02,
          "unit": "em"
        }
      }
    },
    "label-button": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 700,
        "letterSpacing": {
          "value": 0.05,
          "unit": "em"
        }
      }
    }
  }
}
