価格表 · 料金プラン

Y2Kクロームベベルとオーブの料金プラン

プレビュー

vibe.itlibra.com/preview/y2k-pricing/

概要

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 風は古臭く見えませんか?
2024 年以降「Frutiger Aero」「Frutiger Bliss」がグラフィックデザイン界で再評価されており、若年層には新鮮に見える表現です。古さを意匠として使う遊びです。
アクセシビリティの落とし穴は?
ベベル / 光沢の表現はテキストコントラストを下げがち。価格・本文は背景に対して AA 以上を必ず確保してください。装飾はテキストの読みやすさを犠牲にしないラインで。
ブラウザサポートは大丈夫?
全部 CSS(box-shadow / radial-gradient / backdrop-filter)で実現可能。Safari / Chrome / Firefox いずれも問題ありません。