{
  "id": "deck:scroll-motion-pinning",
  "slug": "scroll-motion-pinning",
  "title": {
    "ja": "固定・送り・ナビ 17–24 — 画面を留める、送る、現在地を示す",
    "en": "Pinning, Paging, Navigation 17–24 — Hold the Screen, Step It, Show Where You Are"
  },
  "summary": {
    "ja": "スティッキーからスクロールスパイまで 8 種。ページの進み方そのものを変える動きで、LP の骨組みになる",
    "en": "Eight behaviours from sticky to scrollspy. These change how the page itself advances — the frame an LP is built on"
  },
  "count": 8,
  "slides": [
    {
      "position": 1,
      "slug": "motion-sticky",
      "kind": "motion",
      "title": {
        "ja": "スティッキー",
        "en": "Sticky"
      },
      "useCase": null,
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/motion-sticky",
        "en": "https://design-vault.pages.dev/en/designs/motion-sticky",
        "json": "https://design-vault.pages.dev/ai/assets/motion-sticky.json",
        "designJson": null
      },
      "reproduction": null
    },
    {
      "position": 2,
      "slug": "motion-pin-scrub",
      "kind": "motion",
      "title": {
        "ja": "ピン留め＋スクラブ",
        "en": "Pin + scrub"
      },
      "useCase": null,
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/motion-pin-scrub",
        "en": "https://design-vault.pages.dev/en/designs/motion-pin-scrub",
        "json": "https://design-vault.pages.dev/ai/assets/motion-pin-scrub.json",
        "designJson": null
      },
      "reproduction": null
    },
    {
      "position": 3,
      "slug": "motion-scrollytelling",
      "kind": "motion",
      "title": {
        "ja": "スクロールテリング",
        "en": "Scrollytelling"
      },
      "useCase": null,
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/motion-scrollytelling",
        "en": "https://design-vault.pages.dev/en/designs/motion-scrollytelling",
        "json": "https://design-vault.pages.dev/ai/assets/motion-scrollytelling.json",
        "designJson": null
      },
      "reproduction": null
    },
    {
      "position": 4,
      "slug": "motion-stacking-cards",
      "kind": "motion",
      "title": {
        "ja": "カードスタック",
        "en": "Stacking cards"
      },
      "useCase": null,
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/motion-stacking-cards",
        "en": "https://design-vault.pages.dev/en/designs/motion-stacking-cards",
        "json": "https://design-vault.pages.dev/ai/assets/motion-stacking-cards.json",
        "designJson": null
      },
      "reproduction": null
    },
    {
      "position": 5,
      "slug": "motion-scroll-snap",
      "kind": "motion",
      "title": {
        "ja": "スクロールスナップ",
        "en": "Scroll snap"
      },
      "useCase": null,
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/motion-scroll-snap",
        "en": "https://design-vault.pages.dev/en/designs/motion-scroll-snap",
        "json": "https://design-vault.pages.dev/ai/assets/motion-scroll-snap.json",
        "designJson": null
      },
      "reproduction": null
    },
    {
      "position": 6,
      "slug": "motion-horizontal-scroll",
      "kind": "motion",
      "title": {
        "ja": "横スクロール",
        "en": "Horizontal scroll"
      },
      "useCase": null,
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/motion-horizontal-scroll",
        "en": "https://design-vault.pages.dev/en/designs/motion-horizontal-scroll",
        "json": "https://design-vault.pages.dev/ai/assets/motion-horizontal-scroll.json",
        "designJson": null
      },
      "reproduction": null
    },
    {
      "position": 7,
      "slug": "motion-hide-on-scroll-header",
      "kind": "motion",
      "title": {
        "ja": "隠れるヘッダー",
        "en": "Hide-on-scroll header"
      },
      "useCase": null,
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/motion-hide-on-scroll-header",
        "en": "https://design-vault.pages.dev/en/designs/motion-hide-on-scroll-header",
        "json": "https://design-vault.pages.dev/ai/assets/motion-hide-on-scroll-header.json",
        "designJson": null
      },
      "reproduction": null
    },
    {
      "position": 8,
      "slug": "motion-scrollspy",
      "kind": "motion",
      "title": {
        "ja": "スクロールスパイ",
        "en": "Scrollspy"
      },
      "useCase": null,
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/motion-scrollspy",
        "en": "https://design-vault.pages.dev/en/designs/motion-scrollspy",
        "json": "https://design-vault.pages.dev/ai/assets/motion-scrollspy.json",
        "designJson": null
      },
      "reproduction": null
    }
  ],
  "urls": {
    "ja": "https://design-vault.pages.dev/decks/scroll-motion-pinning",
    "en": "https://design-vault.pages.dev/en/decks/scroll-motion-pinning",
    "json": "https://design-vault.pages.dev/ai/decks/scroll-motion-pinning.json"
  },
  "catalogVersion": 1,
  "designSchemaVersion": 2,
  "notesMarkdown": ""
}