{
  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
  "$description": "エリアごとに水色・ミント・クリームの淡い地色を切り替え、明朝体の見出しと手書き風の英字スクリプトを重ねた観光誘致LP。水彩のにじみ円、波形の境界、白いカードで旅の情緒を出す。クーポン、宿泊予約、キャンペーンへの導線はティール・オレンジ・赤のピル型ボタンで明確に示す。",
  "color": {
    "$type": "color",
    "background": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "primary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.118,
          0.651,
          0.561
        ],
        "hex": "#1ea68f"
      }
    },
    "on-primary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "cta": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.992,
          0.388,
          0.141
        ],
        "hex": "#fd6324"
      }
    },
    "on-cta": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "accent-1": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.996,
          0.384,
          0.145
        ],
        "hex": "#fe6225"
      }
    },
    "secondary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.388,
          0.675,
          0.733
        ],
        "hex": "#63acbb"
      }
    },
    "background-alt": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.882,
          0.949,
          0.988
        ],
        "hex": "#e1f2fc"
      }
    },
    "tint-1": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.827,
          0.961,
          0.906
        ],
        "hex": "#d3f5e7"
      }
    },
    "tint-2": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.949,
          0.835
        ],
        "hex": "#fff2d5"
      }
    },
    "accent-2": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.945,
          0.898,
          0.459
        ],
        "hex": "#f1e575"
      }
    },
    "accent-3": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.769,
          0.004,
          0.008
        ],
        "hex": "#c40102"
      }
    },
    "dark-section": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.392,
          0.259,
          0.051
        ],
        "hex": "#64420d"
      }
    },
    "text": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.176,
          0.212,
          0.22
        ],
        "hex": "#2d3638"
      }
    },
    "marker": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.118,
          0.62,
          0.227
        ],
        "hex": "#1e9e3a"
      }
    },
    "line": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.761,
          0.812,
          0.808
        ],
        "hex": "#c2cfce"
      }
    },
    "primary-accessible": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.094,
          0.514,
          0.443
        ],
        "hex": "#188371"
      }
    },
    "cta-accessible": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.847,
          0.251,
          0.008
        ],
        "hex": "#d84002"
      }
    },
    "secondary-accessible": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.239,
          0.498,
          0.553
        ],
        "hex": "#3d7f8d"
      }
    }
  },
  "spacing": {
    "$type": "dimension",
    "unit": {
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "card": {
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "section": {
      "$value": {
        "value": 80,
        "unit": "px"
      }
    }
  },
  "rounded": {
    "$type": "dimension",
    "sm": {
      "$value": {
        "value": 4,
        "unit": "px"
      }
    },
    "md": {
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "lg": {
      "$value": {
        "value": 20,
        "unit": "px"
      }
    },
    "full": {
      "$value": {
        "value": 999,
        "unit": "px"
      }
    }
  },
  "typography": {
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Shippori Mincho",
        "fontSize": {
          "value": 28,
          "unit": "px"
        },
        "fontWeight": 500,
        "letterSpacing": {
          "value": 0.1,
          "unit": "em"
        }
      }
    },
    "headline-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Serif JP",
        "fontSize": {
          "value": 20,
          "unit": "px"
        },
        "fontWeight": 500,
        "letterSpacing": {
          "value": 0.08,
          "unit": "em"
        }
      }
    },
    "accent": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Caveat",
        "fontSize": {
          "value": 18,
          "unit": "px"
        },
        "fontWeight": 400
      }
    },
    "body-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Serif JP",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 400,
        "letterSpacing": {
          "value": 0.05,
          "unit": "em"
        }
      }
    },
    "headline-sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Klee One",
        "fontSize": {
          "value": 15,
          "unit": "px"
        },
        "fontWeight": 600,
        "letterSpacing": {
          "value": 0.1,
          "unit": "em"
        }
      }
    },
    "label-button": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 15,
          "unit": "px"
        },
        "fontWeight": 700,
        "letterSpacing": {
          "value": 0.05,
          "unit": "em"
        }
      }
    },
    "headline-lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 34,
          "unit": "px"
        },
        "fontWeight": 900
      }
    },
    "note": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 11,
          "unit": "px"
        },
        "fontWeight": 400
      }
    }
  }
}
