BLOG
ブログ
Web サイト / LP の配色・フォント・コピー(文章)を「調べる・抽出する・応用する」ための記事をまとめています。
AI で LP を作る流れ — 参考探しからデザイン案、実物のページになるまで
AI で LP を作りたいけれど、何をどの順にやればいいか分からない——というとき。ツール選びより先に効くのは「流れ」です。この記事は、①方向性を決める ②参考を見つける ③参考を分析する ④デザイン案を作る ⑤直して詰める ⑥実物の LP にする、という 6 工程を通しで解説します。とくに、どこにも書かれていない「参考を分析してから作る」工程を挟むと、あとの指示が具体的になります。参考 LP を要素の言葉に読み解く分析は yorunoma で（全プランで使え、登録なしの無料体験でも試せます）。
AI に LP のデザイン案を作らせるプロンプトの書き方 — 見た目を思いどおりに指示する
AI に LP のデザイン案を頼んでも、思ったものが出てこない——というとき。世の中の「LP プロンプト」は文章や構成を作らせる話ばかりで、「見た目・雰囲気そのもの」を指示するプロンプトの書き方はあまり語られません。この記事は、ChatGPT のような AI に LP のデザインを指示するときに伝える 3 つの軸（構成・誰向け・雰囲気）、一発で出ないときの重ね方、参考画像と言葉の組み合わせ方、そしてコピペで使えるプロンプトの形まで解説します。「どんな雰囲気か」を言葉にする材料は、参考にしたい LP を yorunoma で分析して集められます（分析は全プランで使え、登録なしの無料体験でも試せます）。
AI で LP のデザイン案を作る方法 — 思いどおりの見た目に近づける進め方
AI で LP のデザインを作りたいのに、思ったものが一発で出てこない——というとき。文章だけでなく「見た目・配色・雰囲気」のデザイン案も AI で作れます。言葉だけの指示ではなかなか近づかない理由と、参考にしたい LP の画像を読み込ませて「これをベースに」と頼む突破口、そしてそこから直して仕上げるまでの流れを解説します。参考にしたい LP を yorunoma で分析すれば、配色・フォント・レイアウトが要素の言葉になり、そのまま AI への指示に使えます（無料体験から試せます）。
Web サイトのレイアウトを読み解く — 情報の構成・配置がなぜ機能しているかを分析する
参考サイトは情報がスッと頭に入るのに、自分のサイトはなんだかごちゃついて見える。でも何が違うのか分からない——というとき。レイアウトは「ただの配置」ではなく、情報を整理し視線を導く設計です。なぜそのレイアウトが機能しているのかを、整理・整列・優先順位・余白・視線誘導の 5 原理で読み解きます。気になるサイトの URL を yorunoma に入れれば、レイアウトを含むデザインを読み解けます（無料体験から試せます）。
採用サイトの「働く魅力」は、なぜ伝わるのか — 企業の世界観を 5 要素で分析・解読する
競合の採用サイトは魅力的なのに、自社は見劣りする気がする。でも何がどう違うのか、社内でうまく説明できない——というとき。採用サイトの命である「働く魅力・企業カルチャーの世界観」は、感覚ではなく、配色・フォント・コピー・レイアウト・動きの要素で作られています。なぜ世界観が伝わるのかを 5 要素で読み解きます。気になる採用サイトの URL を yorunoma に入れれば、5 要素をまとめて分析できます（無料体験から試せます）。
Web サイトのフォントを調べて読み解く — 使われている書体を特定し、なぜその印象になるかを分析する
「このサイトのフォント素敵だな、何て書体だろう？」と思っても、調べ方が分からない・面倒——というとき。フォントは、選ぶ前に「使われている書体を特定し、なぜその印象になるかを読み解く」ことで、参考にする力が変わります。書体の系統と印象、太さ・ジャンプ率の効果、可読性、調べ方までを解説します。気になるサイトの URL を yorunoma に入れれば、使われているフォントを特定し、印象まで読み解けます（無料体験から試せます）。
コーポレートサイトの「信頼感」は、なぜそう見えるのか — 企業サイトの印象を 5 要素で分析・解読する
競合の企業サイトは信頼感があるのに、自社サイトは見劣りする気がする。でも何がどう違うのか、社内でうまく説明できない——というとき。コーポレートサイトの命である「信頼感・誠実さ」は、感覚ではなく、配色・フォント・コピー・レイアウト・動きの要素で作られています。なぜ信頼感が生まれるのかを 5 要素で読み解きます。気になる企業サイトの URL を yorunoma に入れれば、5 要素をまとめて分析できます（無料体験から試せます）。
なぜ「高級感・上品」に見えるサイトは、そう見えるのか — 印象を 5 要素で分析・解読する
高級感のあるサイトに憧れるけれど、何が違うのか・どうすればあの品が出るのか分からない——というとき。高級感は、華やかさを「足す」ことではなく、彩度・色数・言葉を「抑える」ことで生まれます。なぜ高級・上品に見えるのかを、配色・フォント・コピー・レイアウト・動きの 5 要素で読み解きます。気になるサイトの URL を yorunoma に入れれば、5 要素をまとめて分析できます（無料体験から試せます）。
シンプル・ミニマルな Web デザインを分析・解読する — 洗練されたシンプルと、ただ寂しいだけの差はどこにあるか
シンプルにしたら、おしゃれになるどころか、なんだか寂しく・手抜きに見えてしまった——というとき。ミニマルは「削るだけ」ではありません。「Less is more（少ないは豊か）」と「Less is bore（少ないは退屈）」を分けるのは、削った後の精度です。洗練されたシンプルと、ただ寂しいだけの差を配色・フォント・コピー・レイアウト・動きの 5 要素で読み解きます。気になるサイトの URL を yorunoma に入れれば、5 要素をまとめて分析できます（無料体験から試せます）。
なぜ「おしゃれ・かっこいい」サイトは、そう見えるのか — 印象を 5 要素で分析・解読する
おしゃれなサイトに憧れるけれど、何が違うのか・どうすればあの感じになるのか分からない——というとき。「おしゃれ・かっこいい」は感覚ではなく、配色・フォント・コピー・レイアウト・動きという要素の組み合わせで作られています。その印象がなぜ生まれるのかを 5 要素で読み解く方法を解説します。気になるサイトの URL を yorunoma に入れれば、5 要素をまとめて分析できます（無料体験から試せます）。
サイトの配色を分析・解読する — なぜその配色が効いているのかを読み解く
良いサイトの配色を真似したいけれど、どの色がどう使われているのか、目で見ても正確には分からない——というとき。配色は「なんとなく」ではなく、各色に役割（ベース・メイン・アクセント）があって効いています。3 つの役割と比率、色数を絞る理由、コントラスト、色の印象を「決める」でなく「読み解く」視点で解説します。気になるサイトの配色は、yorunoma に URL を入れれば 1 色ずつ役割・占有率つきで読み解けます（無料体験から試せます）。
Web デザインの参考サイトを分析して自分に活かす方法 — 探すだけで終わらせないために
良い参考サイトは見つかるけれど、なぜ良いのか・どう自分に活かせばいいか分からない——というとき。参考は「探す」だけでは実力になりません。配色・フォント・コピー・レイアウト・動きの 5 要素で「なぜこのデザインが良いのか」を分析・言語化し、丸写しでなく自分のデザインに翻訳する方法を解説します。参考サイトの URL を yorunoma に入れれば、5 要素をまとめて分析できます（無料体験から試せます）。
LP デザインを分析・解読する — なぜそのデザインが選ばれているのかを 5 要素で読み解く
良い LP（ランディングページ）を参考にしたいけれど、なぜ良いのか・どこを真似ればいいのか言葉にできない——というとき。LP デザインは「なんとなく」ではなく、一つひとつに理由があります。配色・フォント・コピー・レイアウト・動きの 5 要素で「なぜそのデザインが選ばれているのか」を深く読み解く方法を解説します。気になる LP の URL を yorunoma に入れれば、5 要素をまとめて分析できます（無料体験から試せます）。
サイトのデザインを見直すとき、まず何を確認すべきか — リニューアル前の現状分析
サイトを新しくしたいけれど、何から手をつければいいか分からない——というとき。見直し・リニューアルの第一歩は「作り変える」ことではなく「今のサイトの現状を知る」ことです。見直すべき点を配色・フォント・コピー・レイアウト・動きの 5 要素で洗い出す方法を解説します。今のデザインの現状は、yorunoma に URL を入れれば読み解けます（無料体験から試せます）。
ホームページが「ダサい」と感じる原因と、その正体の見つけ方 — 5 要素で切り分ける
自分のサイトが「なんかダサい気がする」けれど、どこがどうダサいのか・何を直せばいいのか分からない——というとき。ダサさは生まれ持ったセンスではなく、色・フォント・素材・余白・情報整理といった具体的な要素の問題です。ダサく見える原因を 5 要素で切り分け、症状別の記事へつなぎます。自分のサイトのダサさの原因は、yorunoma に URL を入れれば当たりをつけられます（無料体験から試せます）。
Web サイトの余白（ホワイトスペース）が、印象をどう変えるか — 余白の 4 つの働き
「余白は大事」とよく聞くけれど、なぜ大事なのか・自分のサイトの余白は足りているのかは、意外と分からない——というとき。余白（ホワイトスペース）が印象をどう変えるかを、グループ化・洗練・読みやすさ・強調という 4 つの働きで実用的に解説します。自分のサイトの余白がゆとりか窮屈かは、yorunoma に URL を入れれば印象として読み解けます（無料体験から試せます）。
競合サイトのデザインを分析する方法 — 5 要素で読み解いて自社に活かす
競合サイトが「なんか良い・自社より洗練されて見える」けれど、何が違うのか言葉にできない——というとき。競合サイトのデザインを配色・フォント・コピー・レイアウト・動きの 5 要素で読み解く方法を解説します。流入やキーワードを見るアクセス解析（SimilarWeb 等）とは別の「デザインの競合分析」です。競合の URL を yorunoma に入れれば、5 要素をまとめて読み解けます（無料体験から試せます）。
ホームページが見づらい原因と、その見つけ方 — 見た目の 5 要素で切り分ける
「なんか見づらい」と言われた・自分でも感じるけれど、どこが原因か分からない——というとき。見づらさの正体は、配色・フォント・コピー・レイアウト・動きという見た目の要素にあります。読みにくさ・探しにくさを生む原因を 5 要素で切り分け、原因別の記事へつなぎます。自分のサイトの見づらさの原因は、yorunoma に URL を入れれば分析で当たりをつけられます（無料体験から試せます）。
Web サイトのデザインを改善する方法 — 直す前に、原因を 5 要素で特定する
自分のサイトを良くしたいけれど、どこから手をつければいいか分からない——というとき。改善の第一歩は「直す」ことではなく「どこに原因があるか」を特定することです。気になる症状を配色・フォント・コピー・レイアウト・動きの 5 要素で切り分け、症状別の対処記事へつなぎます。原因の当たりは、yorunoma に URL を入れれば分析できます（無料体験から試せます）。
Web サイトのデザインチェックリスト — 5 つの視点で自分のサイトを点検する
自分のサイト、なんか気になるところはあるけれど、どこを直せばいいか分からない——というとき。デザインの良し悪しを自分で点検できるチェックリストを、配色・フォント・コピー・レイアウト・動きの 5 視点で「□ 〜になっているか」の形で用意しました。見慣れて気づきにくい項目は、yorunoma に URL を入れれば 5 要素を自動でチェック・言語化して“答え合わせ”できます（無料体験から試せます）。
良い Web サイトと悪い Web サイトの違い・見分け方 — デザインの良し悪しを 5 視点で読み解く
「このサイトは良い」「これは微妙」となんとなく感じても、その良し悪しが“何で”決まっているかは説明しづらい。デザインの良し悪しを見分ける視点を、配色・フォント・コピー・レイアウト・動きの 5 要素で「良い方向⇔悪い方向」に整理して解説します。自分のサイトが各視点でどうなっているかは、yorunoma で URL を入れて要素を分析し、判断材料として読み解けます（無料体験から試せます）。
Web サイトの第一印象は何で決まるのか — ファーストビューの 5 要素で読み解く
サイトを開いた瞬間の「なんか良い・なんか古い・なんか怪しい」は、数秒で決まって覆りにくい。その第一印象が“何で”決まっているのかを、ファーストビューの配色・レイアウト・コピー・フォント・動きの 5 要素で実践的に解説します。自分のサイトがどんな第一印象を与えているかは、yorunoma で URL を入れて分析・言語化できます（無料体験から試せます）。
Web サイトのデザイン分析のやり方 — 5 つの視点で「なぜ良いか」を読み解く
気になるサイトのデザインを分析したいけれど、どこを・どう見ればいいか分からない、というとき。配色・フォント・コピー・レイアウト・動きの 5 つの視点で「何をどう見るか」を実践的に解説し、それを手作業でやる方法と、yorunoma で URL を入れて自動で分析する方法の両方を紹介します。分析は無料体験から試せます。
LP のフォントを分析・解読する — 見出し・本文の書体が作る印象を読み解く
気になる LP のフォント、なんか読みやすい・雰囲気が合っていると感じるけれど、どう効いているのかは言葉にしづらいもの。「選び方・おすすめ◯選」で終わらせず、LP の見出し・本文・CTA にどんな書体が使われ、どんな印象を作っているかを、URL を入れて分析で読み解く方法を紹介します。分析は無料体験から試せます。
LP のキャッチコピーを分析・解読する — 「どう機能しているか」を役割から読み解く
気になる LP のキャッチコピー、なんか惹かれる・上手いと感じるけれど、どう機能しているのかは言葉にしづらいもの。「作り方・成果の型」で終わらせず、LP のキャッチコピーがメインキャッチ・サブ・CTA のどんな役割とトーンで機能しているかを、URL を入れて分析で読み解く方法を紹介します。分析は無料体験から試せます。
サイトの動きは「足りない？多すぎ？」— 動きの過不足を分析で読み解く
自分のサイト、動きが足りなくて寂しい？それとも動かしすぎでうるさい？——自分では分かりにくいもの。「動きを付けろ/減らせ」の水掛け論で終わらせず、自分のサイトの動きの量が控えめ寄りか・よく動く寄りかを、URL を入れて分析で読み解く方法を紹介します。分析は無料体験から試せます。
サイトの言葉が「何屋か・良さが伝わらない」原因の当たりのつけ方 — 分析でコピーを読み解いて切り分ける
自分のサイト、なんか良さが伝わっていない気がする、何屋か一目で分かるだろうか——でもどこが原因か分からない、というとき。「売れるコピーの書き方」で終わらせず、その言葉が抽象的すぎるのか・何屋か不明なのか・誰向けか曖昧なのかを、URL を入れて分析で切り分ける方法を紹介します。分析は無料体験から試せます。
サイトが「なんか安っぽい・チープに見える」原因の当たりのつけ方 — 分析で原色・書体のどこが効いているか切り分ける
自分のサイトがなんか安っぽい・チープに見える、でもどこが原因か分からない——というとき。「原色を避けろ」の一般論で終わらせず、そのチープさの原因が彩度の高い原色なのか・クセの強い書体なのかを、URL を入れて分析で切り分ける方法を紹介します。分析は無料体験から試せます。
黒背景・ダークなサイトは、なぜ洗練して見えるのか — 実際に 1 つ、配色を主役に読み解く
黒背景のサイトを見ると「かっこいい」「洗練されてる」と感じるけれど、なぜそう見えるかは説明しづらいもの。ダークモードの実装方法や「黒は高級感」の一般論で終わらせず、ダークなサイトを 1 つ実際に分析して、黒基調と差し色を配色を主役に読み解きます。分析は無料体験から試せます。
サイトが「なんかごちゃごちゃする・まとまりがない」原因の当たりのつけ方 — 分析でどの要素が原因か切り分ける
自分のサイトがなんかごちゃごちゃする・まとまらない、でもどこが悪いのか分からない——というとき。「3色に絞れ」の一般論で終わらせず、そのごちゃつきの原因が色数なのか・書体なのか・余白なのかを、URL を入れて分析で切り分ける方法を紹介します。分析は無料体験から試せます。
基本的な動き（fade・slide・hover）が、サイトの印象をどう作るか — 派手さより「定番の動き」を読み解く
良いサイトの「ふわっとした動き」が心地よいのは感じても、その動きが「なぜ」その印象を作っているかは説明しづらいもの。派手な演出ではなく、fade・slide・hover といった基本的な動きが印象をどう左右するかを、実際のサイトの動きを分析して読み解く方法を紹介します。分析は無料体験から試せます。
コピーのトーンで、サイトの印象はどう変わるか — 上品・熱量・親しみを実際に読み解く
同じ内容でも、コピーのトーンが違うとブランドの印象はガラッと変わります。でも気になるサイトのコピーが「なぜ」その印象を作っているかは説明しづらいもの。上品・熱量・親しみといったトーンが印象をどう変えるかを、実際のサイトのコピーを分析して読み解く方法を紹介します。分析は無料体験から試せます。
日本語フォントで、サイトの印象はどう変わるか — 明朝・ゴシックを実際に読み解く
同じ文章でも、フォントが違うと受ける印象はガラッと変わります。でも気になるサイトのフォントが「なぜ」その印象を作っているかは説明しづらいもの。明朝体・ゴシック体など日本語フォントの種類が印象をどう変えるかを、実際のサイトのフォントを分析して読み解く方法を紹介します。分析は無料体験から試せます。
ポートフォリオサイトのデザインを分析・解読する — 「おしゃれ」の"なぜ"を、実際に読み解く
憧れのポートフォリオサイト、なんとなく「おしゃれ」「洗練されてる」は感じるけれど、なぜそう見えるかを言葉にできない——というとき。「◯選」を眺めて終わりにせず、ポートフォリオサイトを 1 つ実際に分析して、配色・コピー・構造・フォント・動きを解読してみます。分析は無料体験から試せます。
BtoB サイトのデザインを分析・解読する — 「きちんとした会社そう」の"なぜ"を、実際に読み解く
よくできた BtoB サイト、なんとなく「きちんとした会社そう」「信頼できそう」は感じるけれど、なぜそう見えるかは説明できない——というとき。事例集や「成果を出すポイント」の一般論で止まらず、BtoB サイトを 1 つ実際に分析して、配色・コピー・構造・フォント・動きを解読してみます。分析は無料体験から試せます。
SaaS の LP（ランディングページ）のデザインを分析・解読する — 「信頼できそう」の"なぜ"を、実データで読み解く
よくできた SaaS の LP、なんとなく「信頼できそう」「きちんとしてる」は感じるけれど、なぜそう見えるかは説明できない——というとき。事例集や「高 CVR の鉄則」の一般論で止まらず、実際に 1 つの SaaS LP を yorunoma で分析して、配色・コピー・構造・フォント・動きを実データで解読してみます。分析は無料体験から試せます。
コスメ LP のデザインを分析・解読する — 「可愛い」の"なぜ"を、実データで読み解く
気になるコスメ LP、なんとなく「可愛い」「女性向け」は分かるけれど、なぜそう見えるかは説明できない——というとき。事例集や一般論の「女性向けはピンク」で止まらず、実際に 1 つのコスメ LP を yorunoma で分析して、配色・コピー・構造・フォント・動きを実データで解読してみます。分析は無料体験から試せます。
Web サイトのデザインを分析・調べるツール — 単機能の使い分けから「5 要素まとめて＋理由まで」へ
サイトのデザインを調べたいけれど、配色はこのツール、フォントはあのツール…と使い分けが面倒なとき。デザインを調べるツールの種類と目的別の選び方を、専用ツールの長所も認めつつ公平に整理し、URL 1 つで配色・フォント・コピー・構造・アニメの 5 要素をまとめて解読する yorunoma の立ち位置を紹介します。分析は無料体験から試せます。
LP の反応がない・問い合わせが来ない原因の調べ方 — 原因は複数、まず「デザイン・伝え方」を確かめる
「LP を作ったのに反応がない、問い合わせが来ない。何が原因か分からない」というとき。反応がない原因はターゲットや集客など複数あり、デザインを直せば必ず増えるわけではありません。その中で自分で確かめやすい「デザイン・伝え方の面」を、URL を入れて分析・診断する方法を紹介します。分析は無料体験から、優先度つきの改善点を出す診断は Pro プラン以上です。
サイトが古い・古臭く見える原因の調べ方 — 下手ではなく「時代遅れになった定番」
「自分のサイト、なんか古く見える気がする。でもどこが原因か分からない」というとき。古く見えるのは下手だからでも、単に年数が経ったからでもなく、かつての定番が今のトレンドから外れたから。その原因を、URL を入れて配色・フォント・構造から調べる方法を、手動と yorunoma の両面から紹介します。分析は無料体験から試せます。
モダンなサイトは、なぜモダンに見えるのか — シンプルさに「動き」が加わるから
「このサイト、なんかモダンで今っぽい。なぜだろう」というとき。モダンに見える理由は、シンプルさに加えて、なめらかな hover やふわっと現れる fade といった「動き」があるから。その基本的な動きを、URL を入れて読み解く方法を、手動と yorunoma の両面から紹介します。分析は無料体験から試せます。
刺さるコピーは、なぜ刺さるのか — 才能ではなく「型・技法」
「このコピー、なんか刺さる。うまく言えないけど引っかかる」というとき。刺さる理由は才能や偶然ではなく、共感の代弁・意外性・言い切り・数字といった型と技法に分解できます。気になったコピーが"なぜ"効いているかを、手動と yorunoma の両面から読み解く方法を紹介します。分析は無料体験から試せます。
良いファーストビューは、なぜ人を惹きつけるのか — センスではなく「要素の配置＝構造」
「このサイトのファーストビュー、なんか引き込まれる。なぜだろう」と気になったとき。惹きつける理由はセンスではなく、何を最初に見せ、要素をどう配置するかという構造にあります。ページの構造とコピーを URL から読み解いて、ファーストビュー付近が「なぜ良いか」を分解する方法を紹介します。分析は無料体験から試せます。
信頼感のあるサイトは、なぜ信頼できて見えるのか — 装飾ではなく「整理・秩序」
「この会社のサイト、なんか信頼できそう。なぜだろう」と気になったとき。信頼感は装飾ではなく、誠実で読みやすいフォントと、秩序立って整理されたレイアウトから来ます。その"整理できているか"を、URL を入れてフォントと構造から読み解く方法を、手動と yorunoma の両面から紹介します。分析は無料体験から試せます。
洗練されたデザインは、なぜ洗練されて見えるのか — 足し算ではなく「引き算」
「このサイト、なんか洗練されてる。でもなぜだろう」と気になったとき。洗練の正体は足し算ではなく引き算——無駄を削ぎ落とし、色数や要素を減らすこと。その"引き算できているか"を、URL を入れて色数・書体数から読み解く方法を、手動と yorunoma の両面から紹介します。分析は無料体験から試せます。
サイトが素人っぽく・ダサく見える原因の調べ方 — センスではなく「要素のバラつき」
「自分のサイト、なんか素人っぽい気がする。でもどこが原因か分からない」というとき。素人っぽく見えるのはセンスの問題ではなく、配色・フォント・余白がバラついているという具体的な原因の積み重ね。その原因を、URL を入れて 5 要素で調べる方法を、手動と yorunoma の両面から紹介します。分析は無料体験から試せます。
高級感のあるサイトは、なぜ高級に見えるのか — 派手さではなく「要素の統一」
「このサイト、なんか高級に見える。なぜだろう」と気になったとき。高級に見える理由は、派手さや装飾ではなく、配色・フォント・余白・動きが統一されているから。その"統一されているか"を、URL を入れて 5 要素で読み解く方法を、手動と yorunoma の両面から紹介します。分析は無料体験から試せます。
サイトのデザインをパクリにせず参考にする方法 — 「なぜ良いか」を理解して取り入れる
良いサイトを参考にしたいけれど、パクリになっていないか不安なとき。参考とパクリを分けるのは「なぜ良いかを理解しているか」。サイトを 5 要素に分解して「なぜ効いているか」を言語化し、丸パクリでなく学びとして取り入れる方法を、手動と yorunoma の両面から紹介します。分析は無料体験から試せます。
サイトのアニメーション（動き）の調べ方 — 「この動き、どうやってるの?」を読み解く
気になるサイトの動きを真似たいとき。開発者ツールで 1 つずつ確認する方法と、yorunoma で URL を入れるだけで hover・fade・slide・transition などの基本的なアニメーションを CSS コードごと読み解く方法を紹介します。分析は無料体験から試せます。
参考サイトの共通点の見つけ方 — 複数の良い LP に共通する「勝ちパターン」を見つける
いい LP を集めたけれど、そこから何を学べばいいか分からないとき。1 サイトを真似るより、複数の良いサイトに共通する要素のほうが「効いている法則」です。手動で共通点を探す方法と、yorunoma で複数サイトの共通点・成功パターンを抽出する方法を紹介します。比較は Premium プランの機能です。
参考サイトと自分のサイトを比較して、理想に近づける方法 — LP のどこが違うかを見つける
いい LP は見つけた、でも自分のサイトとどこが違うのか、何を変えれば近づくのか分からないとき。目視やギャラリーで参考を探す方法と、yorunoma で自分のサイトと参考サイトを並べて 5 要素ごとの差分を出し、近づけるための具体策をコードまで確認する方法を紹介します。比較は Premium プランの機能です。
自分の LP・サイトを診断して、具体的な改善点を見つける方法
自分のサイトがなんかしっくりこない、でもどこを直せばいいか分からないとき。目視のチェックリストや外注の診断と、yorunoma で URL を入れるだけで自分のサイトを 5 要素ごとに自動診断する方法を、3 ステップで紹介します。優先度つきの改善提案を具体的なコードまで確認できます。
Web サイト / LP のコピー（文章）を調べる・真似する方法
他社 LP のコピーを参考にしたいとき。手作業で書き写してキャッチコピーや本文を分類する方法と、yorunoma で URL を入れるだけでトーン・役割・技法を自動で読み解く方法を、3 ステップで紹介します。コピーの型を抽出して、言い回しの応用パターンまで確認できます。
Web サイトのフォントを調べる方法
サイトに使われているフォントを特定したいとき。開発者ツールで 1 要素ずつ確認する方法と、yorunoma で URL を貼るだけで書体名・サイズ・行間・字間を見出し別に読み解く方法を、3 ステップで紹介します。代替フォント候補も確認できます。
Web サイト / LP の配色を調べる・抽出する方法
参考サイトや LP の配色（色）を調べたいとき。開発者ツールで 1 色ずつ拾う方法と、yorunoma で URL を貼るだけで主要な色を HEX / RGB / HSL ごとにまとめて読み解く方法を、3 ステップで紹介します。占有率やコントラスト比まで一覧で確認できます。
記事で読んだ調べ方は、yorunoma に URL を貼るだけで実際に試せます。
yorunoma を無料で試す