メインコンテンツへ
Onbit
← サンプル一覧 / アプリ · バイオレット・ラベンダー・SaaS・落ち着き

LUMIO — SaaS のバイオレット基調

アイデア起点のプロジェクト管理 SaaS の公式サイト。深いバイオレットと淡いラベンダー、暗いネイビーのヘッダで、創造性と落ち着きを両立した構成です。

LUMIO — SaaS のバイオレット基調 のスクリーンショット

アイデア起点のプロジェクト管理 SaaS(月額のチームツール)を想定したサンプル HP です。深いバイオレットを差し色にして、ヘッダとフッタはダークなネイビーで締める構成。創造性のある業界(クリエイティブ・広告・プロダクト系)向けの SaaS LP として作りました。

こんな方に向いています

  • アイデア・ナレッジ系の SaaS を売り出したい
  • 紫 / 暗ネイビーの組み合わせで、知性とエネルギーを出したい
  • 機能だけでなくチーム文化も売りにしたい

構成

ダーク基調のヘッダ → ラベンダーグラデの Hero(コピー + ダッシュボード)→ 暗背景の特長カード 4 枚 → 数字で見る KPI 4 枚(白カード)→ 2 段組のお客様の声 → 導入企業ロゴ帯 → 暗背景の強い CTA → 暗ネイビーのフッタ、と高低差(明 / 暗)を交互に並べてリズムを作っています。

live preview

プレビュー

プレビューはモバイルでは別タブで開きます。

プレビューを別タブで開く ↗

/samples-preview/hp-saas-lumio-violet/

related

関連するサンプル

一覧へ →

アプリ の他のサンプル、または 複数セクション HP の似た構成のサンプルです。

Asteria — SaaS のライトブルー基調 のサムネイル
アプリ · ライトブルー・白・SaaS・清潔 2026-05-05

Asteria — SaaS のライトブルー基調

プロジェクト管理 SaaS の公式サイト。白とライトブルーで仕事ツールらしい清潔さを保ちつつ、ダッシュボード画像で「触ったら何が見えるか」が一目でわかる構成です。

Hero(ダッシュボード並び)導入ロゴ帯4 機能カードプロダクト画面ツアー
NOVA FLOW — SaaS の鮮やかブルー基調 のサムネイル
アプリ · 鮮やかブルー・グラデ・SaaS・勢い 2026-05-05

NOVA FLOW — SaaS の鮮やかブルー基調

業務自動化 SaaS の公式サイト。鮮やかなブルーのグラデーションを背景に、ダッシュボード画像を斜めに配置して、勢いと信頼感を両立させた構成です。

Hero(グラデ + 斜め配置のダッシュボード)5 つの強み3 つのユースケース導入企業ロゴ帯
ORBIT ONE — SaaS のグリーン基調 のサムネイル
アプリ · グリーン・フレッシュ・SaaS・前向き 2026-05-05

ORBIT ONE — SaaS のグリーン基調

業務サポート SaaS の公式サイト。鮮やかなグリーンと有機的な丸い背景パターンで、爽やかさと前向きさを表現した構成です。

Hero(緑のブロブ + ダッシュボード)3 ステップの価値カード機能リスト + 大画像緑バンドの CTA

このサンプルが気になったら

このサンプルをベースに、文章・写真・色味をお客さまの事業に合わせて作り直してご提供できます。
まずは 30 分の無料相談で、構成のすり合わせから始めましょう。