Webサイトをクローンするのは合法ですか?

Webサイトをクローンするときに安全なのは、結果を完成品ではなくscaffoldとして扱うことです。

layout patternはWeb全体で共有されています。brand assetsは違います。実務上のルールは、必要な構造を残し、他社のidentity、claims、media、proofを置き換えることです。

このガイドは法的助言ではありません。具体的な商用利用では専門家に確認してください。

ideaとexpressionを分ける

著作権が保護するのは表現であって、ideaそのものではありません。上部にhero、その下にlogo row、3列features、pricing table、footerという構成はlayout ideaです。

一方で、企業が書いたcopy、撮影した写真、描いたillustration、特定のart directionは具体的な表現です。patternは参考にできますが、言葉や画像をそのまま使うべきではありません。

商標も別のレイヤーです。会社名、logo、tagline、特徴的なproduct nameは出所を示します。残したまま公開すると、訪問者に誤解を与える可能性があります。

参考にしやすいもの

クローンしたページから学びやすいのは構造です。

• heroの配置。
• first viewに置くcopy量。
• CTAの位置。
• mobileでのsectionの積み方。
• offerの近くに置くproof。
• type scaleとspacingのリズム。

これらは白紙から考える負担を減らします。構造は出発点であり、ゴールではありません。

置き換えるべきもの

公開前に置き換えるべきものは次です。

• logoとfavicon。
• company nameとproduct name。
• original marketing copy。
• screenshotとcustomer logo。
• 写真とillustration。
• trademarked phraseやtagline。
• unique claimやpricing statement。
• そのブランドの印象として機能する配色。

screenshotとsource code

screenshotは、ある瞬間の見た目を固定した画像です。そのままmarketingに使うと、他社の視覚表現を再利用することになります。

再構築されたsource codeは違います。公開ページの構造をcomponentとして再生成し、copy、画像、brandを差し替えるための材料になります。

より安全なworkflow

1. source URLを貼り付ける。
2. 編集可能なpreviewを作る。
3. layoutとcomponent構造を残す。
4. brand assets、copy、画像、claimsを置き換える。
5. product nameやfeature nameを自社の言葉にする。
6. 明らかに自分のページになってからexportする。

迷う要素は置き換えるのが安全です。自分のcopyや画像を用意するコストは、公開後のトラブルよりずっと小さいです。

patternを借りる。assetは置き換える。自分のページとして公開する。