{
  "id": "deck:scroll-motion-lp",
  "slug": "scroll-motion-lp",
  "title": {
    "ja": "LP の構成 35–39 — 区画のつなぎ方を決める演出",
    "en": "Landing-Page Structure 35–39 — Effects That Decide How Sections Connect"
  },
  "summary": {
    "ja": "タイムラインからヒーロー縮小まで 5 種。区画の並べ方と切り替え方を決める動きで、LP の骨組みになる",
    "en": "Five effects from the timeline to the shrinking hero. They decide how sections are laid out and handed over, and form the frame of a landing page"
  },
  "count": 5,
  "slides": [
    {
      "position": 1,
      "slug": "motion-timeline-fill",
      "kind": "motion",
      "title": {
        "ja": "タイムライン",
        "en": "Timeline progress fill"
      },
      "useCase": null,
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/motion-timeline-fill",
        "en": "https://design-vault.pages.dev/en/designs/motion-timeline-fill",
        "json": "https://design-vault.pages.dev/ai/assets/motion-timeline-fill.json",
        "designJson": null
      },
      "reproduction": null
    },
    {
      "position": 2,
      "slug": "motion-opposite-columns",
      "kind": "motion",
      "title": {
        "ja": "逆走カラム",
        "en": "Opposing-scroll columns"
      },
      "useCase": null,
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/motion-opposite-columns",
        "en": "https://design-vault.pages.dev/en/designs/motion-opposite-columns",
        "json": "https://design-vault.pages.dev/ai/assets/motion-opposite-columns.json",
        "designJson": null
      },
      "reproduction": null
    },
    {
      "position": 3,
      "slug": "motion-curtain-reveal",
      "kind": "motion",
      "title": {
        "ja": "カーテンリビール",
        "en": "Curtain reveal"
      },
      "useCase": null,
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/motion-curtain-reveal",
        "en": "https://design-vault.pages.dev/en/designs/motion-curtain-reveal",
        "json": "https://design-vault.pages.dev/ai/assets/motion-curtain-reveal.json",
        "designJson": null
      },
      "reproduction": null
    },
    {
      "position": 4,
      "slug": "motion-bar-grow",
      "kind": "motion",
      "title": {
        "ja": "バーの成長",
        "en": "Bars grow"
      },
      "useCase": null,
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/motion-bar-grow",
        "en": "https://design-vault.pages.dev/en/designs/motion-bar-grow",
        "json": "https://design-vault.pages.dev/ai/assets/motion-bar-grow.json",
        "designJson": null
      },
      "reproduction": null
    },
    {
      "position": 5,
      "slug": "motion-hero-shrink",
      "kind": "motion",
      "title": {
        "ja": "ヒーロー縮小",
        "en": "Hero title shrink"
      },
      "useCase": null,
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/motion-hero-shrink",
        "en": "https://design-vault.pages.dev/en/designs/motion-hero-shrink",
        "json": "https://design-vault.pages.dev/ai/assets/motion-hero-shrink.json",
        "designJson": null
      },
      "reproduction": null
    }
  ],
  "urls": {
    "ja": "https://design-vault.pages.dev/decks/scroll-motion-lp",
    "en": "https://design-vault.pages.dev/en/decks/scroll-motion-lp",
    "json": "https://design-vault.pages.dev/ai/decks/scroll-motion-lp.json"
  },
  "catalogVersion": 1,
  "designSchemaVersion": 2,
  "notesMarkdown": ""
}