{
  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
  "$description": "白と淡いグレーの地を基本にして、明朝の大見出し、シャンパンゴールドの細い線と数字、深紅のブランド色で格を出す健康食品LPの型です。悩みの提起や実績は黒に近い暗い面で引き締め、成分は円形バッジで、お客様の声は白いカードで見せます。最後はコーラルのピル型CTA、注釈、FAQで締めます。訴求する情報は多くても、余白と細い罫線で落ち着いて見えるようにするのが基本です。",
  "color": {
    "$type": "color",
    "primary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.655,
          0.039,
          0.075
        ],
        "hex": "#a70a13"
      }
    },
    "secondary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.522,
          0.11,
          0.102
        ],
        "hex": "#851c1a"
      }
    },
    "background": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.992,
          0.988,
          0.988
        ],
        "hex": "#fdfcfc"
      }
    },
    "background-alt": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.957,
          0.953,
          0.953
        ],
        "hex": "#f4f3f3"
      }
    },
    "surface": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.969,
          0.969,
          0.961
        ],
        "hex": "#f7f7f5"
      }
    },
    "dark-section": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.094,
          0.09,
          0.082
        ],
        "hex": "#181715"
      }
    },
    "on-dark": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.973,
          0.973,
          0.973
        ],
        "hex": "#f8f8f8"
      }
    },
    "accent-1": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.765,
          0.592,
          0.267
        ],
        "hex": "#c39744"
      }
    },
    "tint-1": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.953,
          0.875,
          0.855
        ],
        "hex": "#f3dfda"
      }
    },
    "tint-2": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.973,
          0.945,
          0.914
        ],
        "hex": "#f8f1e9"
      }
    },
    "text": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.196,
          0.188,
          0.188
        ],
        "hex": "#323030"
      }
    },
    "text-body": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.235,
          0.235,
          0.235
        ],
        "hex": "#3c3c3c"
      }
    },
    "text-muted": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.518,
          0.522,
          0.522
        ],
        "hex": "#848585"
      }
    },
    "line": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.878,
          0.867,
          0.855
        ],
        "hex": "#e0ddda"
      }
    },
    "cta": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.922,
          0.471,
          0.467
        ],
        "hex": "#eb7877"
      }
    },
    "on-cta": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.992,
          0.992,
          0.976
        ],
        "hex": "#fdfdf9"
      }
    },
    "cta-accessible": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.878,
          0.169,
          0.161
        ],
        "hex": "#e02b29"
      }
    },
    "text-muted-accessible": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.451,
          0.455,
          0.455
        ],
        "hex": "#737474"
      }
    },
    "accent-1-accessible": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.494,
          0.376,
          0.157
        ],
        "hex": "#7e6028"
      }
    }
  },
  "spacing": {
    "$type": "dimension",
    "unit": {
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "card": {
      "$value": {
        "value": 20,
        "unit": "px"
      }
    },
    "section": {
      "$value": {
        "value": 56,
        "unit": "px"
      }
    }
  },
  "rounded": {
    "$type": "dimension",
    "sm": {
      "$value": {
        "value": 4,
        "unit": "px"
      }
    },
    "md": {
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "lg": {
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "full": {
      "$value": {
        "value": 999,
        "unit": "px"
      }
    }
  },
  "typography": {
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Shippori Mincho",
        "fontSize": {
          "value": 42,
          "unit": "px"
        },
        "fontWeight": 700,
        "letterSpacing": {
          "value": 0.04,
          "unit": "em"
        }
      }
    },
    "headline-lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Serif JP",
        "fontSize": {
          "value": 30,
          "unit": "px"
        },
        "fontWeight": 700,
        "letterSpacing": {
          "value": 0.045,
          "unit": "em"
        }
      }
    },
    "headline-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Serif JP",
        "fontSize": {
          "value": 22,
          "unit": "px"
        },
        "fontWeight": 700,
        "letterSpacing": {
          "value": 0.045,
          "unit": "em"
        }
      }
    },
    "headline-sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 17,
          "unit": "px"
        },
        "fontWeight": 700,
        "letterSpacing": {
          "value": 0.04,
          "unit": "em"
        }
      }
    },
    "body-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 400,
        "letterSpacing": {
          "value": 0.035,
          "unit": "em"
        }
      }
    },
    "note": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 10,
          "unit": "px"
        },
        "fontWeight": 400
      }
    },
    "accent": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Playfair Display",
        "fontSize": {
          "value": 26,
          "unit": "px"
        },
        "fontWeight": 400
      }
    },
    "label-button": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 700,
        "letterSpacing": {
          "value": 0.05,
          "unit": "em"
        }
      }
    }
  }
}