厳選・オープン・無料

Viture

大胆なタイポグラフィとハイコントラストの技術先進的なダーク美学で展示されるプレミアムXRグラス。

01

デザイン DNA

空间コンピューティング向けの洗練されたハイエンドハードウェアストア。

02

カラー

ハイコントラスト、ダークモード中心のパレットで、インタラクティブ要素にはプライマリの青をアクセントとして使用。

03

タイポグラフィ

geometric-sans

• display90px · 750
• h248px · 650
• body16px · 400
• caption14px · 400

大胆で未来的な外観を強調するため、大きな表示タイプには tightened letter spacing を使用します。 · テキストと背景の間には主にダーク背景に白テキストのハイコントラストを維持します。

04

余白

4pxのベースユニットを一貫して使用し、ヒーローセクションとカードには十分なpaddingを設けます。

05

サーフェス (角丸 / 影 / 罫線)

1px solid rgba(255,255,255,0.1)

0 0 100px rgba(255,255,255,0.1) · 0 8px 32px rgba(0,0,0,0.4)

06

レイアウト

フルワイドのヒーローセクションから、十分な垂直スペーシングを備えた中央揃えのコンテンツブロックへと移行します。

07

モーションとインタラクション

ボタンとリンクのhover状態でのスムーズなトランジション。 · ビジュアルエフェクトのためのgradual background-sizeトランジション。 · インタラクティブ要素のsubtle opacity変化。

ボタンとリンクのsubtle color shiftまたはopacity変化。 · 主に色の変化や微細なscale transformによる即座のビジュアルフィードバック。

08

コンポーネント

• button プライマリ: ソリッドブルー、丸みのあるピル形。セカンダリ: ダークグレー、ボーダー付きの丸みのあるピル形。
• card 丸みのある角（24px）、ソフトな背景色、中央揃えのコンテンツ、製品画像とテキストの間の明確な階層。
• chip 製品タグ用の小さなピル形バッジ（例：「2026年の新たなフラッグシップ」）。
• input フルワイド、丸みのあるピル形、明るい背景、プレースホルダーテキスト、内部にメールアイコン。
• hero ダーク背景の没入型で、大きく中央揃えのタイポグラフィ、目立つ製品画像、明確なcall-to-actionボタンを備えています。

09

文体と禁止事項

• トーン 自信に満ち、大胆で、テクノロジーに前向き。
• 見出し 短く、力強く、最上級を用いた表現（例：「最も大きく。最も明るく。最も賢く。」）。
• CTA 直接的でアクション指向（例：「今すぐ注文する」「10%割引を今すぐ受け取る」）。

• ライトテーマをプライマリとして使用しない — スクリーンショットは支配的なダークモード（#0C0C0C背景）を示しています。
• ヘッドラインにソフトで丸みのあるsans-serifフォントを使用しない — スクリーンショットは大胆な幾何学的sans-serifを示しています。
• ミュートされたカラーパレットを使用しない — スクリーンショットはダーク背景のハイコントラスト白テキストと鮮やかな青のアクセントを特徴としています。
• 小さく中央揃えのボタンを使用しない — スクリーンショットは大きく目立つピル形ボタンを示しています。
• 製品表示に複雑なマルチカラムレイアウトを使用しない — スクリーンショットは明確なカード型の水平レイアウトを示しています。
• 目的のない装飾要素を使用しない — スクリーンショットはクリーンなタイポグラフィと高品質の製品画像に焦点を当てています。
• 避ける: 過度にカジュアルまたは遊び心のある言葉を避ける。
• 避ける: コンテキストのない複雑な技術用語を避ける。
• 避ける: 弱いまたは受動的なcall-to-actionを避ける。

10

パック内の実スクリーンショット

実ページから取得 · 実 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko