Aurora Gradient SaaS Landing

Why I saved this / なぜ保存したか

濃い紫から青緑へ流れる 4 色グラデ 1 枚だけでブランドトーンを完成させている。ヒーロー 文字は 72px 超、サブコピーは 18px で情報密度を極端に絞り、“空気” で語るタイプの SaaS ランディング。CTA は半透明パネル（glassmorphism）で、グラデの上から浮かせる設計。

The hero sells the brand with a single 4-stop gradient, with oversized type (72px+) and minimal supporting copy. The CTA sits on a translucent glass panel, floating over the gradient rather than fighting it.

Techniques

• 4 ストップ以上のグラデは “中間色” が主役になる — 目立つ色ではなく繋ぎの色で印象が決まる
• 背景に任せて文字サイズで余白を作る（Figma でのセーフエリアは画面の 60% 以下に抑える）
• glass パネルは backdrop-filter: blur(20px) + 白 4〜8% overlay が下限

Apply to

• プロダクトサイトのヒーローや LP のファーストビュー
• 発表イベントのランディング（1 枚絵で世界観を伝えたい場面）