ORBIT ONE — SaaS のグリーン基調
業務サポート SaaS の公式サイト。鮮やかなグリーンと有機的な丸い背景パターンで、爽やかさと前向きさを表現した構成です。
業務サポート SaaS(月額のチームツール)を想定したサンプル HP です。鮮やかなグリーンと、有機的な丸いブロブ(背景の楕円シェイプ)で、清潔さと前向きさを両立させる外観に仕上げました。
こんな方に向いています
- グリーン系のブランドカラーで SaaS / 業務支援サービスを売り出したい
- 環境・エコ・ヘルスケア寄りのトーンを残しつつ、ビジネス向けに着地させたい
- ヒーローに勢いを出しつつ、本文は落ち着いて読ませたい
構成
ヘッダ(粘着型)→ Hero(白背景 + 緑ブロブ + ダッシュボード)→ 3 ステップの価値カード(白背景・大きい円アイコン)→ 機能リスト(左に 4 項目、右に大画像)→ 緑のバンド CTA(角丸の囲み)→ 導入企業ロゴ帯 → 暗背景の 4 列フッタ、という構成です。
live preview
プレビュー
related
関連するサンプル
アプリ の他のサンプル、または 複数セクション HP の似た構成のサンプルです。
アプリ · ライトブルー・白・SaaS・清潔 2026-05-05
Asteria — SaaS のライトブルー基調
プロジェクト管理 SaaS の公式サイト。白とライトブルーで仕事ツールらしい清潔さを保ちつつ、ダッシュボード画像で「触ったら何が見えるか」が一目でわかる構成です。
Hero(ダッシュボード並び)導入ロゴ帯4 機能カードプロダクト画面ツアー
アプリ · バイオレット・ラベンダー・SaaS・落ち着き 2026-05-05
LUMIO — SaaS のバイオレット基調
アイデア起点のプロジェクト管理 SaaS の公式サイト。深いバイオレットと淡いラベンダー、暗いネイビーのヘッダで、創造性と落ち着きを両立した構成です。
Hero(ラベンダーグラデ + ダッシュボード)暗背景のバリュー 4 枚数字で見る KPI 4 枚お客様の声 2 本
アプリ · 鮮やかブルー・グラデ・SaaS・勢い 2026-05-05
NOVA FLOW — SaaS の鮮やかブルー基調
業務自動化 SaaS の公式サイト。鮮やかなブルーのグラデーションを背景に、ダッシュボード画像を斜めに配置して、勢いと信頼感を両立させた構成です。
Hero(グラデ + 斜め配置のダッシュボード)5 つの強み3 つのユースケース導入企業ロゴ帯
アプリ · モダン・透明感・浮遊感・青 2026-05-03
アプリ DL — ガラスモーフィズム
iOS / Android アプリのダウンロードに繋げる LP。青系グラデーションと透明感あるガラス調でモダンに仕上げました。
スクリーンショット機能 3 点の訴求レビューApp Store / Google Play ボタン
このサンプルが気になったら
このサンプルをベースに、文章・写真・色味をお客さまの事業に合わせて作り直してご提供できます。
まずは 30 分の無料相談で、構成のすり合わせから始めましょう。