LP Design Taste Catalog — 20 Patterns

Mighty Skill-Bridge を題材に、ランディングページのデザインテイストを 20 種類試作。 Runway / Luma / Veo / Sora / Kling / Pika / Higgsfield / ElevenLabs / Spline / Rive / Apple Vision Pro / Aesop / Oatly / Patagonia / Stripe / Linear / Notion / Framer / Cowboy を参照しつつ、AI 案件マッチング SaaS としての見せ方を分散させた。

🎯 Careers
LP-RECRUIT · NEW

Recruitment LP (採用)

CEO 提案で新設 — 掲載型採用前提の 1 枚 LP。Why us / Roles / Process / FAQ / Apply まで網羅。

⟶ Mighty-Link Inc. 採用ページ
Mighty.
LP-01

Cinematic Noir

Full-bleed dark, oversized serif, 余白多い editorial hero。

⟶ Runway / Apple Vision Pro
Aurora
LP-02

Liquid Aurora

動く gradient blob + glass pill button + 大型グラデ見出し。

⟶ Luma Ray / Higgsfield
Research Paper
LP-03

Research Whitepaper

白基調、citation、formula box、TOC、academic font。

⟶ DeepMind Veo / arXiv style
[ MATCH ]
LP-04

Brutalist Mono

黒白 mono、直角コンテナ、scroll marquee、データテーブル。

⟶ Sora / Linear (dark)
POP ⚡
LP-05

Pop Energy

飽和 magenta/cyan、emoji、shadow offset、playful bounce。

⟶ Kling
やさしく
LP-06

Pastel Soft

パステル、丸み、柔らかな blob、quicksand sans。

⟶ Pika / Notion (warm)
Premium
LP-07

Glass Premium

frosted glass、backdrop blur、grain noise、subtle gradient。

⟶ Higgsfield / Apple VR
Editorial
LP-08

Warm Editorial

クリーム × terra cotta、condensed serif、roman numeral。

⟶ Aesop / Oatly / Patagonia
API · 4-Axis
LP-09

Precision Product

紺グラデ + grid line + feature matrix + code snippet。

⟶ Stripe / Linear
📝 Doc
LP-10

Doc Modern

白基調 + emoji + sidebar nav + テンプレ駆動 + 価格表。

⟶ Notion / Framer
▶ ▎▌▎▌
LP-11

Audio Waveform

live waveform + teal accent + voice-tech dark。

⟶ ElevenLabs v3
▲▼ 3D
LP-12

3D Isometric Playground

回転 cube + 立体ブロック + soft shadow + playful。

⟶ Spline
▶ REEL
LP-13

Motion Reel Studio

作品グリッド + magenta/cyan + クリエイティブ studio。

⟶ Rive
¥4,800/mo
LP-14

Lifestyle Product

ヒーロー大写真 + cart + spec table + 所有感のコピー。

⟶ Cowboy
↘ コレ
LP-15

Quirky Hand-drawn

手書き風 + 落書き doodle + 紙テクスチャ + 緩いコピー。

⟶ Oatly (deeper)
Manifesto.
LP-16

Documentary Activism

B&W トーン + manifesto serif + 1 つの強い主張。

⟶ Patagonia (deeper)
動く
LP-17

Motion Gradient Bold

diagonal stripe animation + 大型 anim grad + motion preview。

⟶ Framer (deeper)
Pro.
LP-18

Scroll-driven Product

純黒 + SF Pro + scroll-driven 構成 + 製品ショーケース。

⟶ Apple Vision Pro (deeper)
No. 01
LP-19

Apothecary Minimal

sand + narrow serif + composition list + ritual section。

⟶ Aesop (deeper)
📊 DB View
LP-20

Template Workspace

sidebar + database table + property panel + 複製 CTA。

⟶ Notion (deeper)
📌 社長レビュー観点: (1) Mighty Skill-Bridge の「判断インフラ」性格にどれが一番合うか / (2) ターゲット顧客 (SES 営業 / 大手 HR / 経営層 / エンジニア決裁者 / スタートアップ) のどこを取りに行くか / (3) ブランドカラー (cyber palette) を全面に出すか editorial / quirky / apothecary に振るか / (4) 6/2 以降の本サイトに昇格させるテイストを 1 つ選定 (最終候補は 2-3 まで絞ってから判断推奨)。
📌 20 LP は LP-01〜10 = 主要テイスト / LP-11〜20 = 特化テイストに分かれている。 時間が限られる場合は LP-01/05/09/16/19 (cinematic / pop / product / activism / apothecary) を最初に見るのを推奨。