{
  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
  "$description": "薄いグレーの方眼地と黒の極太英字見出しを組み合わせた、TVアニメ公式サイトの型。HUDやメカのUIを思わせる角欠けの枠、細い罫線、4色の小さな四角マークで先進感を出す。ストーリーだけは漆黒の面にレーダー模様を敷き、白文字の中央揃えで没入感を高める。",
  "color": {
    "$type": "color",
    "background": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.98,
          0.98,
          0.98
        ],
        "hex": "#fafafa"
      }
    },
    "primary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "text": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "dark-section": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.012,
          0.012,
          0.012
        ],
        "hex": "#030303"
      }
    },
    "on-dark": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.992,
          0.992,
          0.992
        ],
        "hex": "#fdfdfd"
      }
    },
    "surface": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.329,
          0.329,
          0.329
        ],
        "hex": "#545454"
      }
    },
    "text-muted": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.561,
          0.561,
          0.561
        ],
        "hex": "#8f8f8f"
      }
    },
    "line": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.808,
          0.773,
          0.753
        ],
        "hex": "#cec5c0"
      }
    },
    "accent-1": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.824,
          0.141,
          0.137
        ],
        "hex": "#d22423"
      }
    },
    "accent-2": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.184,
          0.373,
          0.69
        ],
        "hex": "#2f5fb0"
      }
    },
    "accent-3": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.902,
          0.612,
          0.055
        ],
        "hex": "#e69c0e"
      }
    },
    "secondary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.247,
          0.784,
          0.91
        ],
        "hex": "#3fc8e8"
      }
    }
  },
  "spacing": {
    "$type": "dimension",
    "unit": {
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "card": {
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "section": {
      "$value": {
        "value": 90,
        "unit": "px"
      }
    }
  },
  "rounded": {
    "$type": "dimension",
    "sm": {
      "$value": {
        "value": 0,
        "unit": "px"
      }
    },
    "md": {
      "$value": {
        "value": 0,
        "unit": "px"
      }
    },
    "lg": {
      "$value": {
        "value": 0,
        "unit": "px"
      }
    },
    "full": {
      "$value": {
        "value": 999,
        "unit": "px"
      }
    }
  },
  "typography": {
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Roboto",
        "fontSize": {
          "value": 52,
          "unit": "px"
        },
        "fontWeight": 900,
        "letterSpacing": {
          "value": -0.01,
          "unit": "em"
        }
      }
    },
    "headline-lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Dela Gothic One",
        "fontSize": {
          "value": 30,
          "unit": "px"
        },
        "fontWeight": 400
      }
    },
    "headline-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 20,
          "unit": "px"
        },
        "fontWeight": 900,
        "letterSpacing": {
          "value": 0.03,
          "unit": "em"
        }
      }
    },
    "headline-sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 19,
          "unit": "px"
        },
        "fontWeight": 700,
        "letterSpacing": {
          "value": 0.05,
          "unit": "em"
        }
      }
    },
    "body-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 12,
          "unit": "px"
        },
        "fontWeight": 500,
        "letterSpacing": {
          "value": 0.05,
          "unit": "em"
        }
      }
    },
    "note": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Noto Sans JP",
        "fontSize": {
          "value": 10,
          "unit": "px"
        },
        "fontWeight": 700,
        "letterSpacing": {
          "value": 0.03,
          "unit": "em"
        }
      }
    },
    "label-button": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Roboto",
        "fontSize": {
          "value": 13,
          "unit": "px"
        },
        "fontWeight": 700,
        "letterSpacing": {
          "value": 0.08,
          "unit": "em"
        }
      }
    },
    "accent": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Roboto",
        "fontSize": {
          "value": 72,
          "unit": "px"
        },
        "fontWeight": 900
      }
    }
  }
}