一日の光森と川で、まる一日。
主役：写真LPを開く ↗
型の特徴・用途
- 作り手
- GPT-6 Astra
- 見立て
- 秋川で過ごす一日
- 主役
- 写真
- シグネチャー演出
- スクロールで写真と光が朝から夜へ移り、時刻が進む
- 向く用途
- 親子の自然体験／一日滞在プログラム／季節の体験募集
- 向かない用途
- 情報量の多い制度案内／複数商品の比較販売
- 色
- #ffffff#17231e#c84713
- 書体
- Zen Kaku Gothic New
Noto Sans JP
LANDING PAGE DESIGN GALLERY
伝えたいことに、似合う一枚のページを。
体験も、学びも、地域のものづくりも。
見た目と動きを見比べて、似合う型を選ぶ。
22 DESIGNS ／ 東京山側のLP見本帳
01 — 一日の光見本を見る ↗
FIND YOUR DESIGN
デザインを探す
22 / 22 デザイン
主役
作り手
一日の光森と川で、まる一日。
一冊の教科書地域を、事業にする人になる。
主役：文字LPを開く ↗
型の特徴・用途
- 作り手
- GPT-6 Astra
- 見立て
- 一冊の教科書
- 主役
- 文字
- シグネチャー演出
- 追従目次に現在章と読了チェック、上端に読了バー
- 向く用途
- 連続講座／人材育成／理念を伝える学び
- 向かない用途
- 商品点数の多い通販／写真主体の施設紹介
- 色
- #fbf7ec#1b2a4a#edff55
- 書体
- Shippori Mincho
Noto Sans JP
田んぼを届ける田んぼを、まるごと届ける。
主役：3DLPを開く ↗
型の特徴・用途
- 作り手
- GPT-6 Astra
- 見立て
- 田んぼをまるごと届ける
- 主役
- 3D
- シグネチャー演出
- 回せる田んぼが、スクロールで春・夏・秋へ移ろう
- 向く用途
- 地域の特産品／生産背景を伝える物販／体験とつながる商品
- 向かない用途
- 大量商品の一覧販売／即時購入だけを促す販促
- 色
- #ffffff#1f3a2a#d9a441
- 書体
- Shippori Mincho
Noto Sans JP
数字で語る白書地域資源を、事業にする。
主役：数字LPを開く ↗
型の特徴・用途
- 作り手
- GPT-6 Astra
- 見立て
- 年次白書（報告書）
- 主役
- 数字
- シグネチャー演出
- 巨大数字の数え上げと、スクロールで描かれる横棒グラフ
- 向く用途
- 自治体への事業提案／企業との地域連携／活動報告・白書
- 向かない用途
- 写真中心の体験募集／商品の即時購入
- 色
- #ffffff#202020#1f4e79
- 書体
- Noto Serif JP
Noto Sans JP
街のポスター日付が主役。街に、秋を貼る。
主役：数字LPを開く ↗
型の特徴・用途
- 作り手
- GPT-6 Astra
- 見立て
- 街に貼られたポスター
- 主役
- 数字
- シグネチャー演出
- 画面タップで3配色。開催日カウントダウンと巨大数字の出現
- 向く用途
- 地域の収穫祭／マルシェ告知／一日限りのイベント
- 向かない用途
- 長期の講座案内／複雑な料金説明
- 色
- #f5e900#111111#ffffff
- 書体
- Dela Gothic One
Noto Sans JP
太陽が渡る一日朝の光から、焚き火の夜まで。
主役：写真 ／ 設計図＋プロンプトありLPを開く ↗
型の特徴・用途
- 作り手
- Claude Fable 5.1
- 見立て
- 秋川で過ごす一日（太陽が空を渡る）
- 主役
- 写真
- シグネチャー演出
- 太陽が空を渡り、時刻が6:30→20:00へ連続で進む。写真と光の色も移る
- 向く用途
- 親子の自然体験／一日滞在プログラム／季節の体験募集
- 向かない用途
- 情報量の多い制度案内／複数商品の比較販売
- 色
- #fffdf8#14201a#ff7a1a
- 書体
- Dela Gothic One
Noto Sans JP
付箋としおりの教科書地域を、事業にする人になる。
主役：文字 ／ 設計図＋プロンプトありLPを開く ↗
型の特徴・用途
- 作り手
- Claude Fable 5.1
- 見立て
- 一冊の教科書（見開き・付箋・しおり紐）
- 主役
- 文字
- シグネチャー演出
- 右端の付箋タブが読んだ章から黒くなり、しおり紐が読み進むほど伸びる
- 向く用途
- 連続講座の募集／読み物型の説明／考え方を伝えるページ
- 向かない用途
- 一目で決めるセール／写真主体のイベント告知
- 色
- #fffdf6#1d2433#ff8a3d
- 書体
- Shippori Mincho
Noto Sans JP
季節が移ろう田んぼ田んぼを、まるごと届ける。
主役：3D ／ 設計図＋プロンプトありLPを開く ↗
型の特徴・用途
- 作り手
- Claude Fable 5.1
- 見立て
- 田んぼをまるごと届ける（3Dのジオラマ）
- 主役
- 3D
- シグネチャー演出
- スクロールで春→夏→秋が段階でなく連続で移ろい、光の色と空の色も変わる
- 向く用途
- こだわりの一品を売る／体験と結びついた商品／産地の物語
- 向かない用途
- 多品目のカタログ／価格比較が主目的
- 色
- #fbfaf5#1f3a2a#d9a441
- 書体
- Zen Old Mincho
Noto Sans JP
朱の章番号の白書地域資源を、事業にする。
主役：数字 ／ 設計図＋プロンプトありLPを開く ↗
型の特徴・用途
- 作り手
- Claude Fable 5.1
- 見立て
- 年次白書（章番号・図番号・2段組）
- 主役
- 数字
- シグネチャー演出
- 3つの数字が数え上がり、図3の横棒が描かれる。斜線塗りで白黒印刷でも区別できる
- 向く用途
- 自治体・企業への提案／活動報告／補助金・連携の説明資料
- 向かない用途
- 一般向けの集客／感情に訴える告知
- 色
- #ffffff#1a1a1a#b5443b
- 書体
- Noto Serif JP
Noto Sans JP
壁に貼ったポスター10.18 SUN 秋の収穫祭
主役：数字 ／ 設計図＋プロンプトありLPを開く ↗
型の特徴・用途
- 作り手
- Claude Fable 5.1
- 見立て
- 街の壁に貼られた紙のポスター
- 主役
- 数字
- シグネチャー演出
- 日付がドンと押され、タップで朱→黄→空色の3配色。壁とテープの見立て
- 向く用途
- 1日イベントの告知／日付を覚えてもらう／SNSのリンク先
- 向かない用途
- 説明が多い講座／複数日程の一覧
- 色
- #e63b2e#f6efe3#141414
- 書体
- M PLUS 1p
Noto Sans JP
名札の仲間募集あなたの名札は、もう用意してある。
主役：文字 ／ 設計図＋プロンプトありLPを開く ↗
型の特徴・用途
- 作り手
- Claude Fable 5.1
- 見立て
- スタッフの名札（ネームプレート）
- 主役
- 文字
- シグネチャー演出
- 名前を入力すると、その場で名札に刷り込まれる。名札はホバーで起き上がる
- 向く用途
- ガイド・スタッフの募集／ボランティア募集／仲間集め
- 向かない用途
- 商品の販売／制度の説明
- 色
- #eaf6ff#0f2b3d#ff8c1a
- 書体
- Zen Kaku Gothic New
Noto Sans JP
回覧板の活動報告読みましたら、判を。
主役：文字 ／ 設計図＋プロンプトありLPを開く ↗
型の特徴・用途
- 作り手
- Claude Fable 5.1
- 見立て
- 町内の回覧板（木のクリップ・回覧の朱印）
- 主役
- 文字
- シグネチャー演出
- 最後の枠を押すと「見」の判が押され、読んだ人の数が1つ増える
- 向く用途
- 月次の活動報告／会員・支援者への便り／地域向けのお知らせ
- 向かない用途
- 初見の人への集客／商品販売
- 色
- #fbf6e9#2a2420#c9372c
- 書体
- Shippori Mincho
Noto Sans JP
トレイルマップこの一日は、地図でたどれる。
主役：図 ／ 設計図＋プロンプトありLPを開く ↗
型の特徴・用途
- 作り手
- Claude Fable 5.1
- 見立て
- 手描きのトレイルマップ
- 主役
- 図
- シグネチャー演出
- 点線の道がスクロールで描かれ、ピンを押すと場所の説明カードが切り替わる。川は流れ続ける
- 向く用途
- 複数の場所を回る体験／集合〜解散の流れの説明／地域の周遊
- 向かない用途
- 1か所だけの催し／読み物中心の講座
- 色
- #eef6ee#1b3a2a#e0552b
- 書体
- Zen Kaku Gothic New
Noto Sans JP
8mmフィルムの四季山側の四季を、まわす。
主役：写真 ／ 設計図＋プロンプトありLPを開く ↗
型の特徴・用途
- 作り手
- Claude Fable 5.1
- 見立て
- 8mmフィルム（送り穴・REC・タイムコード）
- 主役
- 写真
- シグネチャー演出
- スクロールでコマが送られ、タイムコードとフレーム番号が進む。写真はコマ送りで切り替わる
- 向く用途
- 季節・年間のプログラム／写真が多い体験／ブランドの世界観
- 向かない用途
- 情報量の多い案内／写真がない企画
- 色
- #ffffff#111111#e8412c
- 書体
- Shippori Mincho
Noto Sans JP
巻物の品書き朝に採って、昼に炊いて、夕に囲む。
主役：文字 ／ 設計図＋プロンプトありLPを開く ↗
型の特徴・用途
- 作り手
- Claude Fable 5.1
- 見立て
- 料理屋の品書き・巻物（横に送る）
- 主役
- 文字
- シグネチャー演出
- PCではホイールで横に巻物が進む。品書きに触れると、その料理の写真が丸く浮かぶ
- 向く用途
- 料理・食の体験／古民家・宿／和の世界観の商品
- 向かない用途
- 行政向け資料／スピード重視の告知
- 色
- #f7f1e3#2b241d#b3342a
- 書体
- Shippori Mincho
Noto Sans JP
レシートの明細見えないお金は、ありません。
主役：数字LPを開く ↗
型の特徴・用途
- 作り手
- Claude Fable 5.1
- 見立て
- 感熱紙のレシート。店名は「山側の一日」、合計金額が画面の主役
- 主役
- 数字
- シグネチャー演出
- オプションにチェックすると合計がカウントアップし、明細行が1行ずつ印刷されてレシートが伸びる。お金の行き先バーも連動
- 向く用途
- 参加費・料金プランの案内／有料の体験プログラム募集／内訳を明示したい寄付・会費
- 向かない用途
- 無料イベントの告知／写真を主役にしたブランドLP
- 色
- #fffdf5#1d1d1b#ff6b35
- 書体
- DotGothic16
Zen Kaku Gothic New
切符と路線図どう行くの？に、切符1枚で答える。
主役：図LPを開く ↗
型の特徴・用途
- 作り手
- Claude Fable 5.1
- 見立て
- 硬券の切符（新宿→武蔵五日市）と駅4つの路線図
- 主役
- 図
- シグネチャー演出
- 切符をタップで改札のパンチ穴と朱の入鋏スタンプ。路線図の駅を押すと所要時間と運賃が出て列車が走る
- 向く用途
- 体験プログラムのアクセス案内／駅集合イベントの行き方ページ／初めて来る人向けの交通ガイド
- 向かない用途
- 情報量の多い制度説明／写真で世界観を見せたい募集
- 色
- #eef7ff#0b3d91#ffd400
- 書体
- Bebas Neue
BIZ UDPGothic
週間天気予報四季まるごと、予報中。
主役：写真LPを開く ↗
型の特徴・用途
- 作り手
- Claude Fable 5.1
- 見立て
- テレビの天気予報ボード。気温の代わりに見ごろ指数と満席確率が並ぶ
- 主役
- 写真
- シグネチャー演出
- 春夏秋冬ボタンで写真・空の色・見ごろ指数・おすすめが切替。8秒ごと自動送り＋進捗帯・CSS天気アイコンが揺れる
- 向く用途
- 年間の体験プログラム一覧／季節ごとの募集を1枚にまとめたいとき／リピーターに次の季節を予告したいとき
- 向かない用途
- 単発イベントの告知／文章中心の説明ページ
- 色
- #ffffff#1b4965#ffb703
- 書体
- Zen Maru Gothic
Nunito
封筒の招待状あなたへ。封を切ると、手紙が届く。
主役：文字LPを開く ↗
型の特徴・用途
- 作り手
- Claude Fable 5.1
- 見立て
- 宛名「あなたへ」の封筒。開けると手紙がせり上がり、署名が現れる
- 主役
- 文字
- シグネチャー演出
- 封筒をタップでフラップが開き手紙がせり上がる。消印が回って押され、署名が左から書かれ、はがきの出席に丸が付く
- 向く用途
- クローズドな会のご案内／受講生・OBへの限定案内／お礼状・周年のご挨拶
- 向かない用途
- 不特定多数への広い募集／情報量の多い制度・料金比較
- 色
- #fdf6ec#3a2e2a#c8553d
- 書体
- Zen Old Mincho
Caveat
発車標（パタパタ）次の便は、めくれて現れる。
主役：数字LPを開く ↗
型の特徴・用途
- 作り手
- Claude Fable 5.1
- 見立て
- 駅の反転フラップ式発車標。日付・行き先・空席がパタパタとめくれて揃う
- 主役
- 数字
- シグネチャー演出
- 読込時に6行の各セルが1文字ずつ反転フラップでめくれて揃う。行タップで詳細展開・次の便で先頭行が再びめくれる
- 向く用途
- 体験プログラムの開催予定一覧／月替わりのイベントカレンダー／定員制ツアーの空席案内
- 向かない用途
- 1回きりの単発告知／写真で世界観を語るブランドLP
- 色
- #f4f1ea#14213d#fca311
- 書体
- Oswald
Noto Sans JP
通知表学校にない5科目に、よくできました
主役：図LPを開く ↗
型の特徴・用途
- 作り手
- Claude Fable 5.1
- 見立て
- 学校の通知表。科目は火・川・ナイフ・迷子・知らない大人
- 主役
- 図
- シグネチャー演出
- 5科目をタップすると桃色の丸スタンプが押され、5つ全部で「進級おめでとう」の帯と紙吹雪
- 向く用途
- 子ども向け自然スクール・探究教室の募集／1年制プログラムの成長の見える化／保護者が読む体験会の告知
- 向かない用途
- 大人向けの高単価コース／行政向けの堅い資料
- 色
- #fffef7#2b3a55#ff8fa3
- 書体
- Yomogi
Zen Kaku Gothic New
ラジオのダイヤルダイヤルを回すと、里山が聞こえる。
主役：図LPを開く ↗
型の特徴・用途
- 作り手
- Claude Fable 5.1
- 見立て
- 古いラジオ。周波数を合わせると局（プログラム）が受信され、あいだはザーッと砂嵐
- 主役
- 図
- シグネチャー演出
- 大きなダイヤルを回す（ドラッグ・ホイール・矢印）と針が周波数を進み、局に合うと砂嵐が消えて写真と番組が切り替わる
- 向く用途
- 音・静けさを売りにする体験／夜のプログラム・焚き火／複数プログラムを1枚で見せたいとき
- 向かない用途
- 料金や日程を最短で伝えたい告知／行政向けの提案資料
- 色
- #fff4e0#3d405b#e63946
- 書体
- Rubik Mono One
Kosugi Maru
条件に合う見本がありません。
主役やタイプを変えて、もう一度探してみてください。
HOW TO USE
気に入った型から、はじめよう。
- 01見本を選ぶ
- 02LPを開いて動きを見る
- 03「プロンプトをコピー」して ChatGPT か Claude に貼り、写真を渡す