2026年、なぜどのSaaSも同じ見た目なのか

この12か月に公開されたSaaSのホームページを10個開いてみてください。Linear、Vercel、Resend、Loops、Cal.com、Posthog、Cursor、Raycast、新しいYCのバッチ、そのまた次のバッチ。どれも同じスタイリストを共有するいとこ同士のように見えます。ダークな背景。

コーラルかバイオレットのグラデーションメッシュ。サンセリフの見出し。小さな等幅フォントのアクセント。隅にはCommand-Kのピル。そして不透明度60%で薄めたロゴが並ぶ「trusted by」の行。

Linear的な美学が業界を食い尽くしました。AIツールは同じ50のホームページで学習したせいで、その火に灯油を注いでいます。その結果が2026年です。機能の同等性は安く手に入り、デザインの同等性は自動的に生まれ、ビジュアルアイデンティティはこのカテゴリで最も過小評価された堀になりました。

Linear的な美学が業界を食い尽くした

1社がテンプレートを作り、残りの49社がそれをコピーしました。 Linearは視覚的な自信に満ちたプロダクトを出し、2022年ごろには「本格的なB2Bツールとはこういうもの」というデフォルトの参照先になりました。2024年にはその美学に名前が付き、2026年には完全に支配しています。

Vercelも採用。Resendも採用。Loopsも採用。Cal.comも採用。

Posthogはリデザインしてそこに寄せました。Linearのカテゴリからはるか遠いツール、AIラボ、メールインフラ、開発者ツールまで、すべて同じ文法に収束しました。機能するから広がる。広がるから見えなくなる。見えなくなるから、自分たちにまだ効いているのか誰も疑わない。

罠は、この美学が「Linearの問題に対するLinearの答え」だったことです。極めて焦点の絞られたツール、主張の強いワークフロー、開発者寄りのユーザー。コミュニティ主導のデザインツールや会計士向けの垂直SaaSが同じテンプレートを出しても、そのブランドが示すのは職人技ではありません。創業者たちが去年同じTwitterのタイムラインを見ていた、という事実です。

SaaSモノカルチャーの5つの特徴

ほとんどのチームは、自分たちが入っているテンプレートを言葉にできません。選択をしたつもりでいます。実際には5つのデフォルトを連続で選んで、その結果をブランドと呼んだだけです。

5つの特徴はこれです。

1. デフォルトとしてのダークな背景。 スレートかほぼ黒の背景、白い文字、薄いシアンやバイオレットのアクセント。真剣で、開発者っぽく、プレミアムに見えます。過去18か月の新規B2B SaaSのローンチのおよそ70%がこれを採用しています。

2. グラデーションメッシュのヒーロー。 ホームページ上部3分の1に、コーラルからバイオレット、シアンへとぼかした放射状グラデーション。Stripeが採用。Linearが採用。

   次の10のYCバッチも採用。メッシュはもう「プレミアム」を意味せず、「同じFigmaプラグインを使いました」を意味するようになりました。

3. 等幅フォントのH1アクセント。 セリフかサンセリフの見出しに、コードの変数のように等幅の単語を1つだけ滑り込ませる手法。JetBrains Mono、IBM Plex Mono、Berkeley Mono、Geist Mono。

   かつては「ビルダーのための」という合図でした。今は「みんなと同じビルダーによる」という合図です。

4. Command-Kパレット。 右上のキーボードのピル、Cmd-Kのヒント、グローバル検索モーダル。パワーユーザーには本物の実用性があり、それ以外の人には本物のええかっこしいです。アンチダッシュボードの解説では、このパターンが役に立つ場面と、単なるカーゴカルトになる場面を扱っています。

5. 幾何学的グレイン。 ダークな背景に載る薄いドットパターン、ヘアラインのグリッド、ノイズテクスチャ。色を使わずに奥行きを加えます。Vercelのマーケティングが発祥で、2025年にはあらゆる開発者ツールのホームページにコピーされました。

5つのうち4つに当てはまれば、あなたはテンプレートの中にいます。5つ全部なら、ブランドを区別するのは左上のワードマークだけです。マーケティングサイトのスタックの解説では、ツールチェーン自体がチームをこの見た目へどう誘導するかを示しています。

AIの学習データが事態を悪化させている

AIツールがスタックに入った瞬間、フィードバックループは締まりました。 v0、Lovable、Bolt、Cursor、FigmaのAI機能、デザインプラグイン。すべて同じウェブで学習しています。そのウェブは、すでに均質化したウェブです。

これらのツールに「SaaSのランディングページをデザインして」と頼めば、どれもLinearテンプレートの何かしらの変種を返します。モデルにセンスがないからではありません。データにばらつきがないからです。学習コーパスは、デザイナーがお互いをコピーし合う様子の再帰的なスナップショットで、オリジナルはすでに同じ5つの特徴に収束しています。

出力が入力を強化します。創業者がAIツールで最初のデザインを出す。その最初のデザインがテンプレートです。リリースされたプロダクトは次の学習クロールの一部になります。次のAIツールは同じテンプレートを、より速く出します。

ループは閉じます。ばらつきは縮み続けます。

均質化ループ

4つのノード。それぞれを次につなぐコーラルの矢印が1本。全体は周回ごとに速くなります。

周回するたびに、ばらつきが少しずつ失われます。これは業界ぐるみの陰謀ではありません。誰も意図的にサイクルを断ち切らないとき、フィードバックループが起こす現象です。同じことが料金ページや設定ページでも起きていて、それぞれ2つか3つの参照レイアウトに集約されてしまいました。

なぜ創業者は同じ見た目を選び続けるのか

創業者は怠けているわけではありません。高い不確実性の中で、小さなデータセットを相手にパターンマッチをしているだけです。

YCのパートナーが「Linearみたいに見えるものを出して」と言えば、創業者はLinearみたいなものを出します。デザインTwitterの合意が「グラデーションメッシュはプレミアムに見える」なら、創業者はグラデーションメッシュを出します。違って見えるコストは現実で、同じに見えるコストは目に見えません。競合が追いつくまでは。追いつかれたとき、同じに見えるコストは全額になります。

もう1つの理由は、コンポーネントライブラリのエコシステムがテンプレートをほぼ無料にしたことです。Shadcnが出て、Tailwind UIが出て、あらゆるAIデザインツールが主張の強いデフォルトを載せて出ました。創業者はLinearテンプレート一式を午後1つで出せます。だから出すのです。

ビジュアルアイデンティティは残された最も安い堀

機能の同等性は数週間で訪れます。デザインの同等性は数日で訪れます。ビジュアルアイデンティティは、築くのに何年もかかり、認識されるのは一瞬という資産です。

Stripeが決定的な証拠です。プロダクトはレールで、差別化要因はセンスです。イラスト、タイポグラフィ、ドキュメントの画面、レシート、ダッシュボード。あらゆる接点が、ロゴが映る前からStripeだと読み取れます。Stripeは10年をかけてブランドをStripeらしくし、今や競合はプロダクトとビジュアルの堀の両方を築かなければ追いつけません。

Notionは落書き風のイラストとクリーム色の面で同じことをしました。Figmaは遊び心のあるスペクトラムとマルチプレイヤーカーソルでやりました。Anthropicは、無機質がデフォルトのカテゴリで、丁寧で、温かく、少し文学的に読めるブランドを出しています。

Cal.comは、エンタープライズがデフォルトのカテゴリで、コミュニティとして読めるブランドを出しています。どの会社もテンプレートを拒み、その報酬を受け取りました。

算数は逆張りの味方です。49社の競合がそっくりで、1社だけが自分らしく見えるなら、自分らしく見える1社が記憶の中でカテゴリを所有します。それが堀です。

アイデンティティ監査

4つの質問です。ホームページ、プロダクト、ドキュメント、ローディング画面をそれぞれ通してみてください。

1. 見知らぬ人が私たちのワードマークを競合のものと入れ替えたら、気づくか? 気づかないなら、そのビジュアルアイデンティティはブランドではなくカテゴリのテンプレートです。

2. 競合から絶対にコピーしない視覚的な選択を1つ挙げるなら何か? 答えは具体的であるべきです。色、書体、イラストのスタイル、レイアウトの工夫。答えがなければ、アイデンティティもありません。

3. プロダクトの画面はマーケティングの画面と一致しているか? ホームページが大胆でダッシュボードが無個性なら、ブランドはマーケティングの中にしか存在しません。ユーザーが生きているのはプロダクトの中です。ローディング状態やオンボーディングフローは、多くのチームがブランドを「塗装」でしかなく「塗装と構造」ではなかったと露呈させる場所です。

4. 競合の名前を出さずにブランドを説明できるか? ブランドブリーフの文がすべて「Linearみたいだけど」や「Stripe風」で始まるなら、そのブランドには中心がありません。他人の中心を指すベクトルにすぎません。

この4つを通過するプロダクトは、カテゴリらしさより先に自分らしさを感じさせます。それが基準です。それ未満はすべて家賃です。

テンプレートに喧嘩を売れ

抜け出す道は控えめではありません。テンプレートの内側での控えめさは、やはりテンプレートに読めます。抜け出す道は、5つの特徴のうち1つか2つに意図的に喧嘩を売ることです。

Linearの完全な対極は、高彩度の明るい面、セリフかディスプレイ書体のH1、グラデーションの代わりにイラストのヒーロー、Cmd-K以外のアフォーダンス、クリーム色か温かみのあるグレインの背景でしょう。Notionはそのうち3つをやりました。Figmaは2つ。Anthropicは3つ。どれも、ほとんどが記憶に残らないカテゴリの中で、今では記憶に残っています。

ブランドに合う喧嘩を選んでください。ヘルスケア向けの垂直SaaSはVercelのデプロイログに見えてはいけません。コミュニティ主導のデザインツールはフィンテックのインフラ企業に見えてはいけません。クリエイティブ共同作業のプロダクトはシリーズAの開発者ツールに見えてはいけません。

てこになるのはデザインシステムです。正しい部分を固定し、継承しただけの部分を壊すために使いましょう。

テンプレートは家賃。アイデンティティは堀。

2026年にLinear的な美学を出すすべての創業者は、他人のブランドの家賃を払っています。テンプレートは、それを作ったチームが勝ち取ったものです。借りるのは初日はタダですが、3年目には視覚的な堀を丸ごと失います。

次の10年を手にするのは、5つの特徴のうち少なくとも2つに喧嘩を売り、アイデンティティをマーケティングだけでなくプロダクトに組み込み、視覚的な差別化をローンチのチェックリストではなく複利で増える資産として扱うチームです。残りは、同じホームページの49バージョン目を出し続け、実は認知の問題だったのに、なぜリテンションが機能の問題に見えるのかと首をかしげるでしょう。

FAQ

効果があるなら、Linear的な美学は本当に問題なのですか?

Linearには効いています。Linearのようなカテゴリのプロダクトにも効きます。しかしカテゴリ内の15のプロダクトが全部それをまとった瞬間に効かなくなります。視覚的なシグナルが「またひとつのB2B SaaS」に潰れ、ブランドが拠り所にするものがなくなるからです。この美学はデフォルトであって、戦略ではありません。

AIはどのようにSaaSデザインを均質化しているのですか?

AIデザインツールは、リリースされたプロダクトで構成される公開ウェブで学習しています。その公開ウェブはすでにLinearテンプレートに収束しています。モデルはデフォルトでテンプレートを返し、創業者はデフォルトでそれを出します。

出力は次の学習クロールに戻ります。周回するたびにばらつきが失われます。対策は、モデルのデフォルトと一緒に作るのではなく、デフォルトに逆らってデザインすることです。

プロらしさを損なわずに、SaaSプロダクトを視覚的に差別化するには?

5つの特徴のすべてではなく、1つか2つに喧嘩を売ってください。明快なタイポグラフィや強い情報階層のような、本当に役立つテンプレートの部分は残します。グラデーションメッシュや、ええかっこしいとしてのCmd-Kのような、継承しただけの部分は、ブランドの実際のオーディエンスに合う選択に置き換えます。アイデンティティ監査を参照し、あらゆる画面で4つの質問を実行してください。

テンプレートを破るチームを雇おう

他の49社と同じ見た目のSaaSは、誰かが勝ち取ったブランドを借りているだけです。コストはローンチ時には見えず、3年目には全額になります。

誰もが似ているカテゴリで自分らしく見えるプロダクトが欲しいなら、Brainyを雇ってください。私たちは、堀を借りるのではなく、勝ち取るビジュアルアイデンティティシステムをデザインします。

CTA

Brainyは、テンプレートを拒むSaaSプロダクトのためにビジュアルアイデンティティシステムをデザインします。ブランディング、マーケティングサイト、プロダクトの画面、ダッシュボードのすべてが、カテゴリのデフォルトではなく1つのブランドとして読めるように作られます。あなたの領域の誰とも見間違えられないプロダクトが欲しいなら、Brainyを雇ってください。