Futuristic

難易度:
ビジュアルスタイル
Futuristic プレビュー

プレビュー

デザイントークン

公式ブランド資料とこのスタイルのプロンプトから導出した主要トークン。コピーするか、下の DESIGN.md と合わせて利用できます。

カラー

  • primary手動確認済み

    主要アクションとハイライト

  • on-primary推定

    プライマリ上のテキスト

  • secondary推定

    タグ、バッジ、副次的な強調

  • on-secondary推定

    セカンダリ上のテキスト

  • neutral手動確認済み

    ページ背景

  • on-neutral推定

    背景上のテキスト

  • surface推定

    カード、パネル、オーバーレイ

  • on-surface推定

    サーフェス上のテキスト

  • border推定

    ボーダーと区切り線

角丸と形状

推定
sm · 4px
md · 8px
lg · 12px
full

スペーシング

推定
  • sm8px
  • md12px
  • lg24px

シャドウとエレベーション

推定

階層は細いボーダーとトーンの違いで表現します。

タイポグラフィ

推定
  • Ag

    見出し 32px · ボールド

    Inter

  • Ag

    本文 16px · レギュラー

    Inter

  • Ag

    ラベル 13px · ミディアム

    Inter

Futuristic は前瞻的なテック系スタイルです。鋭い幾何学的タイポグラフィ、幅を広げた大文字の見出し、紫と青(#8B5CF6/#3B82F6)の間を行き来する冷たい光が、UI を 5 年後のプロダクト白書のように見せます。線は精密で、階層は光と透明度で表現します。AI、ハードウェア、先端テックブランドの発表と公式サイトに適しています。

Futuristicテーマと特色

プロンプトテンプレート

基本テンプレート
Design a Futuristic-inspired interface.  Colors: #8B5CF6, #16A34A, #D97706, #DC2626 with #8B5CF6 accent. Typography: #3B82F6.

バリエーションプロンプト

📱 モバイル
Design a mobile app with Futuristic aesthetics. Use Futuristic color identity with #8B5CF6 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Futuristic style. Use Futuristic color identity with #8B5CF6 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Futuristic design language. Use Futuristic color identity with #8B5CF6 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Futuristic visual identity. Use Futuristic color identity with #8B5CF6 accents. Compelling, conversion-focused.

使用例

Futuristic アプリ

Web
Build a web app with Futuristic design language and #8B5CF6 color system.

Futuristic ダッシュボード

ダッシュボード
Create a dashboard using Futuristic style with data visualization and #3B82F6 typography.

✅ 適した用途

  • テーマ型のシーン
  • 先端テックプロダクトのページ
  • 未来テーマの展示

❌ 適さない用途

  • レトロでノスタルジックなブランド
  • 伝統産業の公式サイト

DESIGN.md ファイル

design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。