価格表 · 料金プラン
Y2Kクロームベベルとオーブの料金プラン
2000年代初頭の Frutiger Aero / Mac OS X Aqua / 透明クロームを再構築した Y2K 風料金プラン。鏡面ベベル・色付き光沢オーブ・虹色グラデで「ソフトウェアパッケージ」感を演出する。
プレビュー
概要
2000年代初頭、コンピュータは「未来の道具」でした。その高揚を視覚化したのが、Mac OS X の Aqua インターフェイス——つやつやと光るボタン、半透明のクローム、水滴のようなオーブ。Windows XP の草原(Bliss)と、後に Frutiger Aero と呼ばれる、空・水・光に満ちた楽観的な美学。Y2K料金プランは、その「テクノロジーが希望だった時代」の質感を再構築します。
フラットデザインへの揺り戻し
2013年以降、デザインは徹底的にフラット化しました。影もベベルも光沢も削ぎ落とされ、画面は平面に戻った。それから10年以上が経ち、いま揺り戻しが起きています。フラットに慣れた目には、鏡面ベベルや色付きオーブの「立体感」がむしろ新鮮に映る。同質化した平面的なSaaSサイトが並ぶ中で、Y2Kの光沢は強烈な記憶のフックになります。
ノスタルジーの二層構造
Y2Kスタイルが面白いのは、世代によって刺さり方が違う点です。30〜40代には「実際に体験した未来」への郷愁として。10〜20代には、生まれる前または幼少期の様式なので「初見のレトロ」として——どちらにも届くが、届き方が違う。この二層性を理解しておくと、ターゲットに応じて演出の強度を調整できます。
仕上げの判断軸
光沢・ベベル・オーブはCSSのグラデーションと box-shadow で表現でき、画像は不要です。ただし立体表現は「やりすぎ」と紙一重——光源の向きをページ全体で統一し、ハイライトを上、影を下に置く一貫性を守ること。虹色グラデは1〜2箇所のアクセントに留め、全面に使うと玩具的に転びます。価格や機能名の可読性は、光沢の下でも必ず確保します。
使いどころ
- レトロブランディングの Web3 / NFT プロダクト
- ノスタルジック志向のクラフトソフトウェア
- ガジェット系 Kickstarter プロジェクト
- インディーゲームの課金ページ
このデザインの分類
- カテゴリ
- 価格表
- スタイル
- 90年代 / グラデーション / プレイフル / ソフト
背景と狙いどころ
AIへの指示文
Y2K(2000年代初頭)のソフトウェアパッケージを思わせる料金プランを作ってください。 要件: - 配色: スカイブルー #b6e2ff から白へのグラデ背景に、各プランは虹色グラデ(peach・mint・lavender)の光沢オーブ風カード。 - 各プランの上部に大型の "光沢オーブ"(border-radius 999px、内側に highlight、外側に soft shadow)。アイコン代わりにクリスタル風の絵文字(💎 ⚡ ✨)を中心に。 - 価格は太い細丸ゴシック、ベベル付き(drop-shadow を上下に重ねて立体感)。 - CTA ボタンは Aqua / Aero 風: 上から下へのグラデ + 内側 inset の白光沢 + 外側 box-shadow + 角丸 999px。 - 背景に hovering する大きな光沢ボール(半透明 PNG ではなく、CSS の radial-gradient で)が複数。 - コーナーにスパークル(✦ や ✧)をランダムに配置。 - フォントは丸めの sans(Quicksand / Manrope / 丸ゴ)。 - 「セキュア」「次世代」「テクノロジー」などの 2000 年代的な過剰な煽り文。 - フルレスポンシブ。 - JS不要。
バリエーション
ダーク Y2K 版
背景を暗紺 #0e1b3d に、オーブはネオン色(cyan / magenta / lime)に変更。 ベベルとガラス質感はそのまま、夜のサイバーサロン感へ。
モバイル縦スタック版
モバイルで 1 カラム時、各プランオーブを上下に重ねて、さらに大きく見せる。 CTA は画面幅いっぱいの巨大 Aqua ボタンに。
よくある質問
Y2K 風は古臭く見えませんか?
アクセシビリティの落とし穴は?
ブラウザサポートは大丈夫?
関連するデザイン
アーケード筐体UI風の料金プラン
80年代ゲームセンターのアーケード筐体UIを再現した料金プラン。"INSERT COIN"、ピクセルスコアボード、ハイスコア表で「コインを入れて始める」ノスタルジーをCTAに変換する尖った設計。
POSレシート風の料金プラン
コンビニや飲食店のサーマルプリントレシートを再構築した料金プラン。破れたエッジ・点線セパレータ・バーコード・赤い「人気」スタンプで「正直で透明な価格」を視覚的に証明する尖った設計。
スイス様式・グリッド厳守の料金プラン
厳格なグリッドと無装飾サンセリフだけで構築する、スイス国際タイポグラフィ様式の料金プラン。装飾を排し、罫線・余白・タイポの階層だけで「比較しやすさ」を最大化する設計。