いいデザインには、理由がある。

URL ひとつで、配色・フォント・動きを解読する。
LP を作るすべての人へ。

使い方

3 ステップで、LP デザインを解読する。

URL を入れるだけで、配色・フォント・動き・セクション構造を AI が自動で解読。コピー可能なデータとして、すぐに使えます。

01

URL を貼り付ける

解析したい LP の URL を入力するだけ。SaaS の LP、コーポレートサイト、E-commerce、ブランドサイトなど、あらゆる Web サイトに対応。複雑な設定や事前準備は一切不要です。

SaaS LP プロダクト紹介 LP
Web サイト あらゆる Web サイト
E-commerce 商品 LP・ストア
ブランドサイト 企業・ブランド紹介
02

AI が配色・フォント・動きを解読

最新の 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 デザイン解析を、あなたのペースで。

月の解析回数や機能に応じて、3 つのプランから選べます。足りなくなったら追加購入も可能。すべて税込価格です。

Starter

1,980 / 月
(税込)

まずは試したい方へ。

  • 月 30 回の解析
  • 解析履歴 10 件
  • Markdown エクスポート
  • 比較モード なし
  • 一括解析 なし
サインアップ
おすすめ

Pro

4,980 / 月
(税込)

日常的に LP リサーチをする方へ。

  • 月 100 回の解析
  • 解析履歴 30 件
  • Markdown エクスポート
  • 比較モード 3 URL まで
  • 一括解析 3 件まで
サインアップ

Premium

12,980 / 月
(税込)

本格的に LP 制作 / リサーチをする方へ。

  • 月 300 回の解析
  • 解析履歴 無制限
  • PDF + Markdown エクスポート
  • 比較モード 5 URL まで
  • 一括解析 5 件まで
サインアップ
機能 Starter Pro Premium
月額料金 (税込) 1,980 円 4,980 円 12,980 円
月の解析回数 30 回 100 回 300 回
比較モード なし 3 URL まで 5 URL まで
解析履歴 10 件 30 件 無制限
一括解析 なし 3 件まで 5 件まで
エクスポート Markdown Markdown PDF + Markdown
共有リンク なし なし あり

解析回数を追加購入する。

プランの解析回数を使い切っても、追加購入で継続できます。全プラン共通でご利用いただけます。

追加解析 価格 (税込) 1 回あたり
10 回追加 400 円 40 円
30 回追加 1,000 円 33 円

※ 追加購入分は購入月のみ有効、翌月への繰越なし

よくあるご質問

サービス内容・料金・利用方法について、よくいただくご質問をまとめました。

yorunoma で何ができますか?

yorunoma は、参考にしたい LP の URL を入力するだけで、配色・フォント・アニメーション・セクション構造などのデザイン要素を AI が自動で解読する SaaS です。気になるサイトのデザインを必要な部分だけ抽出して、自分の LP 制作に活かせます。

どんな Web サイトを解析できますか?

公開されている Web サイトであれば、ほぼあらゆるジャンルに対応しています。SaaS の LP、コーポレートサイト、E-commerce、ブランドサイトなど、デザインのある Web ページを幅広く解析できます。ログインや認証が必要なページは解析対象外です。

アニメーション解析はどこまで対応していますか?

現在は、ホバーやスライド、フェードなどの基本的なアニメーションに対応しています。スクロール連動で要素が動いたり、文字が追従したり、画像が入れ替わるような複雑なアニメーションは、今後のアップデートで順次対応予定です。

解析にかかる時間はどのくらいですか?

1 つの URL の解析につき、おおよそ 1〜3 分程度です。サイトの規模や読み込み速度によって変動します。

プラン変更はいつでもできますか?

はい、いつでもプラン変更可能です。マイページから上位プランへのアップグレード、または下位プランへのダウングレードができます。アップグレード時は即時反映、ダウングレード時は次回更新日からの適用となります。

解析回数を使い切ったらどうなりますか?

月の解析回数を使い切った場合、追加購入で継続できます。10 回追加 (400 円) または 30 回追加 (1,000 円) からお選びいただけます。追加購入分はその月のみ有効で、翌月への繰越はありません。

商用利用は可能ですか?

はい、yorunoma で取得したデータは自由にご自身の LP 制作にお使いいただけます。配色や CSS コード、フォント情報などを、個人案件・クライアントワーク問わず実装にご活用ください。なお、参考にしたサイトのデザインを完全にコピーするのではなく、配色やフォント設計などの「要素」を参考にしてご活用ください。

解約はいつでもできますか?

はい、いつでも解約可能です。