深宇宙・地球の曲線をCSSバックグラウンドに、サーバーハードウェアのimgをゴーストとして右側に重ねたヒーローレイアウト。シアンのグロウエフェクトと放射状のグラデーションで近未来的な世界観を構築。
1pxの極細ボーダーで区切られたカードグリッド。ホバー時に下部からシアンのグラデーションラインが現れるアニメーションと、背景がシアンの微光で満たされるエフェクト。シアンのアイコンがブランドカラーで統一。
正方形のアイコンボックスにシアンのボーダーを持つデザイン。カード全体の背景はダークミッドネイビーで統一され、hover時に半透明のシアンオーバーレイが現れてインタラクションを演出する。
テック系テーマの特徴であるシアン＆ネイビーの配色で統一されたフィーチャーカード。グリッドは1pxのボーダーセパレーターで区切られ、まとまりのある一枚のコンポーネントとして視覚認識される。
レスポンシブでは2カラムに折り返し、モバイルでは1カラムに積み重なるアダプティブなレイアウト。各カードの高さは内容に応じて自動調整され、グリッド全体の統一感を維持する。
Space GroteskフォントとDM Monoを組み合わせたテック向けタイポグラフィ設計。セクション見出しに「//」プレフィックスを付けてコードライクな表現を追加し、テクノロジーブランドの世界観を強化している。
ホバー時のインタラクション設計：下部からシアンのグラデーションラインが現れ + 背景がシアン微光に変化。2つのエフェクトを組み合わせることで、ミニマルでありながら印象的なホバー体験を実現。
4:3のアスペクト比でグレースケール処理したレガシーシステムの写真を上部に配置。カードボディには「LEGACY」ラベルとデメリットリストを配置した比較カードのレフト側。
右側の比較カード。シアンのアクセントと鮮明なブレードサーバー写真で「モダン」を視覚化。チェックマーク＋シアンのメリットリストがレフト側との明確な対比を生む。
横幅全体を使ったワイドスタットカード。左に大きなシアンの数値、右に見出しと説明文を配置する2カラム構成。シアンのテキストシャドウで数字に視覚的なグロウ感を与えている。
夜の航空写真・高速道路のlight trailsをCSSバックグラウンドに18%の不透明度で配置し、その上にロードマップリストを重ねるレイアウト。左カラムにモノスペースのフェーズ名、右に詳細を配置。
各ロードマップ項目はボーダーで区切られ、ホバー時に背景がシアン微光に変化するインタラクション。DM Monoフォントによる等幅のフェーズ表記がコードライクな雰囲気を演出。
背景の高速道路画像はforward-lookingなプロダクトロードマップのセクションとしてメタファー的に機能している。シアンのlight trailsが未来への方向性を視覚的に示している。
最後のフェーズ項目。背景セクションのborder-bottomが最後の項目のみ表示されないため、ロードマップ全体がシームレスなリストとして機能するデザイン。