価格表 · 料金プラン
スイス様式・グリッド厳守の料金プラン
厳格なグリッドと無装飾サンセリフだけで構築する、スイス国際タイポグラフィ様式の料金プラン。装飾を排し、罫線・余白・タイポの階層だけで「比較しやすさ」を最大化する設計。
プレビュー
概要
スイス・スタイル(国際タイポグラフィ様式)は、1950年代に確立された「装飾を引き算し続ける」デザイン思想です。料金プランにこの様式を適用すると、色も影もグラデーションも消え、グリッドと罫線とタイポグラフィの階層だけが残ります。一見そっけないこの引き算が、価格表という機能において強力に働きます。
装飾ノイズを消すと比較が速くなる
料金プランで訪問者がしたいことは、ただ一つ——プランを比較して選ぶことです。ところが多くの料金表は、目立たせようとした色やバッジや影が、かえって視線の妨げになっている。スイス様式はそれらをすべて取り払い、機能名と価格に視線を直行させます。装飾という雑音が消えた分、比較という本来の作業が速くなる。これはミニマリズムの美学である以前に、極めて実利的な選択です。
「主張しない」ことが信頼になる
派手な装飾は、ときに「中身に自信がないから見た目で盛っている」という疑念を生みます。スイス様式の料金表は、装飾でアピールすることを放棄する。その慎ましさが逆説的に「この数字は、それ自体で十分に説得力がある」という自信として伝わります。誇張しない姿勢が、価格への信頼に変換されるのです。
仕上げの判断軸
色は最大3色——背景・文字・アクセント1色まで。グラデーションや影で奥行きを偽装しないこと。要素はすべて左揃えで統一し、センタリングや右揃えは使いません。余白と要素サイズはグリッドの倍数のみで構成し、強調は色ではなく罫線の太さ(0.5 / 1 / 1.5px)の差で表現します。流行を排した様式なので、5年後に見ても古びない——この長寿命が、スイス様式を選ぶ実利的な理由です。
使いどころ
- 開発者向けツール / インフラ系SaaS
- エンタープライズ向けの "実直さ" を出したい場合
- ブログ・エディタ・ターミナル系のシンプルなプロダクト
- 派手な営業色を嫌うユーザー層
このデザインの分類
- カテゴリ
- 価格表
- スタイル
- スイス様式 / ミニマル / クール / モノクロ
背景と狙いどころ
AIへの指示文
開発者向けSaaS用の、スイス国際タイポグラフィ様式の料金プランを作ってください。 要件: - 12 カラムグリッドを厳格に守り、要素はすべてグリッドラインに揃える。 - 配色: オフホワイト #f7f7f5 + 墨黒 #0a0a0a + 1色アクセント(深い藍 #1d2c5c)のみ。 - フォント: Inter または Helvetica Neue。すべて左揃え、ラグ組み。 - プランは 3 カラム。1px の hairline 罫線で仕切り、影・角丸・グラデは一切なし。 - 各プランの上部に「PLAN 01 / 02 / 03」のモノスペース番号、その下に大ぶりな数字価格、通貨は小さく。 - 機能リストは "✓" + 機能名の左揃え一覧。色は使わない(中央プランの強調も罫線太さで表現)。 - 「年額/月額」切り替えは罫線で囲んだ 2 個のラジオ風ボタンを左上に。 - 全体の上部に大きな見出しと、小さなサブテキスト。 - ボタンは 1px outline + 黒文字、hover で背景反転。 - フルレスポンシブ。768px 以下では 1 カラムスタック。
バリエーション
機能比較表版
各プランカードを廃して、横長の機能比較表(10-15 機能 × 3 プラン)に変更。 機能名は左、各プランは × / ✓ / 数値で埋める。表罫線は 0.5px、ヘッダ行のみ 1.5px。
ダーク版
配色を反転: 背景 #0a0a0a、テキスト #f7f7f5、アクセントは同じ藍。 罫線は 1px の rgba(255,255,255,0.18)。
よくある質問
中央プランをハイライトしないと売れにくくないですか?
スイス様式で日本語は読みやすい?
1色アクセントは何が良い?
関連するデザイン
POSレシート風の料金プラン
コンビニや飲食店のサーマルプリントレシートを再構築した料金プラン。破れたエッジ・点線セパレータ・バーコード・赤い「人気」スタンプで「正直で透明な価格」を視覚的に証明する尖った設計。
新聞風の3段階料金表
新聞の紙面を思わせるセリフ書体と罫線、二重線の枠、スタンプ色のアクセントで組んだ3プランの料金表。SaaSやサブスクのプラン提示で「レガシーなのに現役」なトーンを出したいときに。
アーケード筐体UI風の料金プラン
80年代ゲームセンターのアーケード筐体UIを再現した料金プラン。"INSERT COIN"、ピクセルスコアボード、ハイスコア表で「コインを入れて始める」ノスタルジーをCTAに変換する尖った設計。