Direct answer
何を決めるための項目ですか？
ページの価値提案、補足説明、主要CTAを一つのH1へ集約。
SC-HRO-001 は primary-answer の役割を持つSectionです。表示名や文章を変更しても固定Definition IDとversionを保ち、Project、品質finding、WordPress出力を同じ契約へ結び付けます。
Content contract
必要なContent Slot
| ID | 日本語の意味 | Type（型） | Required（必須） |
|---|---|---|---|
eyebrow | 補助ラベル | text | 任意 |
heading | ページ見出し | text | 必須 |
body | 説明文 | richText | 必須 |
primaryCta | 主要CTA | link | 必須 |
secondaryCta | 補助CTA | link | 任意 |
image | キービジュアル | image | 任意 |
Content Slot（コンテンツスロット）は、そのSectionに必要な文章・リンク・画像・一覧を型付きで保持する入力項目です。任意HTMLをそのまま保存せず、URL、alt、件数、必須状態を型ごとに検査します。
Layout variants
意味を変えずに選べる配置
hero-splitSplit文章とビジュアルを二分割。hero-centeredCentered中央寄せでメッセージを強調。hero-editorialEditorial大きな文字と注釈を使う編集的レイアウト。
Implementation contract
Design Token・WordPress・アクセシビリティ
Required token（必須の意味付き設計値）
semantic.color.background.canvassemantic.color.text.primarysemantic.color.action.primary.backgroundsemantic.typography.displaysemantic.space.section
WordPress core Block
core/groupcore/columnscore/headingcore/paragraphcore/buttonscore/image
Accessibility（アクセシビリティ上の注意）
- ページ内のH1は一つ
- CTAを色だけで区別しない
- 装飾画像は空alt、意味のある画像は具体的なalt
Safe workflow
安全に使う手順
- Page KitとSectionの役割を決め、必須Content Slotを実際の内容へ置き換えます。
- 375・768・1100・fluidで、見出し、長い文字、画像、CTA、横はみ出しを確認します。
- Quality Guardの固定Rule ID、severity（重要度）、evidence（根拠）、loss（変換損失）を確認します。
- 用途に合うAdapterを選び、INSTALL、VERIFY、ROLLBACKの順に導入・確認・復旧方法を共有します。
Terms
英語表記の意味
Section（セクション）はページ内の役割を持つ区画、Variant（バリアント）は意味を変えない配置違い、Adapter（アダプター）は同じProjectを実装形式へ変換する処理、Evidence（エビデンス）は判定根拠、Loss（ロス）は出力形式で完全には表現できない差、Rollback（ロールバック）は元に戻す手順です。