01
URL を貼り付ける
解析したい LP の URL を入力するだけ。SaaS の LP、コーポレートサイト、E-commerce、ブランドサイトなど、あらゆる Web サイトに対応。複雑な設定や事前準備は一切不要です。
SaaS LPプロダクト紹介 LP
Web サイトあらゆる Web サイト
E-commerce商品 LP・ストア
ブランドサイト企業・ブランド紹介
使い方
3 ステップで、LP デザインを解読する。
URL を入れるだけで、配色・フォント・動き・構造・コピーの 5 要素を AI が自動で解読。すぐに使えるデータとして手に入ります。
02
AI が 5 要素を解読
最新の AI が、ページ全体を読み込んで重要な要素を自動抽出。配色は HEX・RGB・HSL の 3 形式と WCAG コントラスト比、フォントはサイズや letter-spacing まで。動きは CSS コードで、コピー(文章)は トーンや言い回しの技法まで読み解きます。
配色HEX / RGB / HSL · WCAG
フォントsize · weight · spacing
動きCSS コード付き
構造セクションの役割 / 配置
コピートーン / 言い回し / 技法
03
結果をすぐに活用する
解析結果は、コピー可能なテキスト・コード・データとして即座に利用可能。HEX コードをそのままコピー、CSS コードをエディタに貼り付け、すべてのデータを Markdown または JSON で一括ダウンロードも対応。デザインリサーチが、これまでより圧倒的に速くなります。
コードに直接ペーストCSS / JSON をそのままエディタへ
デザインデータをコピーHEX / フォント名をワンクリックで
Markdown 一括ダウンロード全データを 1 ファイルにまとめて
LP デザインを解読して、制作を変える。
参考にしたいサイトの配色・フォント・動き・構造・コピーを、必要な部分だけ抽出。あなたの LP 制作が、こう変わる。
LP の配色を、
そのまま実装に使う。
気になる LP の配色を HEX・RGB・HSL の 3 形式で抽出。WCAG コントラスト比まで取得できるから、迷わず実装に持ち込めます。
LP のフォントを、
細部まで再現する。
フォント名・サイズ・weight・letter-spacing まで完全に解析。プロが組んだタイポグラフィを、そのまま自分の LP に再現できます。
LP の動きを、
コードで取り込む。
気になる動きを CSS コードで抽出。ゼロから書かなくても、参考サイトの アニメーションをそのまま実装に使えます。
LP の構造を、
設計図として読む。
どのセクションが何の役割で、どう並んでいるか。情報の流れと レイアウト設計を読み解いて、説得力のある構成を自分の LP にも活かせます。
LP のコピーを、
技法ごと盗む。
キャッチや本文が「どう訴えているか」を解析。トーン・言い回し・技法まで言語化するから、LP で一番難しい「言葉」の作り方を学べます。
その先の使い方
解析で、終わらない。
解析で読み解く。診断で自分を客観視する。比較でより良くする。上位プランでは、抽出した 5 要素がそのまま「制作を前に進める道具」に変わります。
解析読み解く
診断客観視する
比較より良くする
Pro〜
診断 — 自分のサイトを、AI が客観視する。
自分の LP の URL を渡すと、配色・フォント・動き・構造・コピーの 5 要素すべてを AI が読み解き、良し悪しを言語化。「なんとなく良い / 悪い」で止まっていた感覚に、具体的な根拠と改善のヒントが付きます。
Premium〜
比較診断 — 2 つを並べて、差から学ぶ。
2 つのサイトを AI が 5 要素ごとに読み比べ。目的に合わせて 2 つの使い方ができます。
改善型自分 vs 他
自分の LP を参考サイトに近づけるには、何を変えればいいか。
特徴分析型他 vs 他
違うサイト同士を比べて、それぞれの設計の狙いを学ぶ。
診断は Pro から、比較診断は Premium から。プランごとの回数は料金プランでご確認いただけます。
料金プランを見るLP デザイン解析を、あなたのペースで。
月の解析回数や機能に応じて、3 つのプランから選べます。足りなくなったら追加購入も可能。すべて税込価格です。
Starter
1,980円/ 月
(税込)
まずは試したい方へ。
- 月 30 回の解析
- 解析履歴 10 件
- Markdown エクスポート
- 解析結果の見比べ
- コードのコピー / DL
- AI 診断
Pro
4,980円/ 月
(税込)
日常的に LP リサーチをする方へ。
- 月 100 回の解析
- 解析履歴 30 件
- Markdown エクスポート
- 解析結果の見比べ
- コードのコピー / DL
- AI 診断 月 10 回
Premium
12,980円/ 月
(税込)
本格的に LP 制作 / リサーチをする方へ。
- 月 300 回の解析
- 解析履歴 無制限
- PDF + Markdown エクスポート
- 解析結果の見比べ
- コードのコピー / DL
- AI 診断 月 30 回
- 比較診断 月 30 回
| 機能 | Starter | Pro | Premium |
|---|---|---|---|
| 月額料金 (税込) | 1,980 円 | 4,980 円 | 12,980 円 |
| 月の解析回数 | 30 回 | 100 回 | 300 回 |
| 解析履歴 | 10 件 | 30 件 | 無制限 |
| エクスポート | Markdown | Markdown | PDF + Markdown |
| 見比べ | あり | あり | あり |
| コードのコピー / DL | なし | あり | あり |
| 診断 | なし | 月 10 回 | 月 30 回 |
| 比較診断 | なし | なし | 月 30 回 |
解析回数を追加購入する。
プランの解析回数を使い切っても、追加購入で継続できます。全プラン共通でご利用いただけます。
| 追加解析 | 価格 (税込) | 1 回あたり |
|---|---|---|
| 10 回追加 | 400 円 | 40 円 |
| 30 回追加 | 1,000 円 | 33 円 |
※ 追加購入分は購入月のみ有効、翌月への繰越なし
よくあるご質問
サービス内容・料金・利用方法について、よくいただくご質問をまとめました。
yorunoma は、参考にしたい LP の URL を入力するだけで、配色・フォント・動き・構造・コピー(文章)の 5 要素を AI が自動で解読する SaaS です。気になるサイトのデザインを必要な部分だけ抽出して、自分の LP 制作に活かせます。
公開されている Web サイトであれば、ほぼあらゆるジャンルに対応しています。SaaS の LP、コーポレートサイト、E-commerce、ブランドサイトなど、デザインのある Web ページを幅広く解析できます。ログインや認証が必要なページは解析対象外です。
現在は、ホバーやスライド、フェードなどの基本的なアニメーションに対応しています。スクロール連動で要素が動いたり、文字が追従したり、画像が入れ替わるような複雑なアニメーションは、今後のアップデートで順次対応予定です。
参考サイトのキャッチコピーや本文を解析し、「どう訴えているか」を読み解きます。文章のトーン・言い回し・使われている技法までを言語化するので、LP で一番難しい「言葉」の作り方を学べます。表現を丸ごとコピーするのではなく、訴え方の考え方を自分の制作に応用するための機能です。
解析した 5 要素をもとに、AI があなたのサイトを評価する発展機能です。「診断」は自分の LP の URL を渡すと配色・フォント・動き・構造・コピーの観点で良し悪しと改善のヒントを返します（Pro / Premium）。「比較診断」は 2 つのサイトを読み比べ、「自分の LP を参考サイトに近づける改善点」と「2 つに共通して効いている工夫」の両面を返します（Premium）。
1 つの URL の解析につき、おおよそ 1〜3 分程度です。サイトの規模や読み込み速度によって変動します。
はい、いつでもプラン変更可能です。マイページから上位プランへのアップグレード、または下位プランへのダウングレードができます。アップグレード時は即時反映、ダウングレード時は次回更新日からの適用となります。
月の解析回数を使い切った場合、追加購入で継続できます。10 回追加 (400 円) または 30 回追加 (1,000 円) からお選びいただけます。追加購入分はその月のみ有効で、翌月への繰越はありません。
はい、yorunoma で取得したデータは自由にご自身の LP 制作にお使いいただけます。配色や CSS コード、フォント情報などを、個人案件・クライアントワーク問わず実装にご活用ください。なお、参考サイトのデザインを丸ごと複製するのではなく、配色やフォント設計などの「要素」を取り入れる使い方を想定しています。
はい、いつでも解約可能です。