# GPT Image Hub prompt

## プリズムライトモード UIデザインシステムボード
- URL: https://www.gptimagehub.com/ja/library/prismatic-light-mode-ui-design-system-board
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-13507
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fprismatic-light-mode-ui-design-system-board
- Category: UI / UX デザイン
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: uiデザイン, デザインシステム, プレゼンボード, ライトモード, 玉虫色, 画面モックアップ
- Updated: 2026-10-27T17:35:08.098Z
- Created: 2026-10-27T17:35:08.098Z

玉虫色のプリズム光沢を施した、洗練されたライトモードUIデザインシステム展示ボードを生成します。括弧内の項目でテーマや配色、テキストを調整可能です。

### Full prompt
```text
{
  "type": "UIデザインシステム プレゼンテーションボード",
  "theme": "[光学科学と光の屈折]",
  "overall_aesthetic": "クリーンなホワイト背景、ライトモード、フューチャリスティック、プレミアム、[玉虫色のレインボー、パステルオレンジ、イエロー、シアン、パープル、ピンク] のアクセント",
  "header": {
    "title": "[LIGHTCORE PRISM]",
    "subtitle": "UI Design System - Light Mode",
    "tags": ["FUTURISTIC", "PREMIUM", "FOCUS"],
    "hero_graphic": "玉虫色の光を屈折させる3D透明ガラスリング"
  },
  "layout": {
    "sections": [
      {
        "title": "COLOR",
        "count": 5,
        "labels": ["WHITE #FFFFFF", "SNOW #FAFAFC", "SLATE #F2F4F8", "BORDER #E6E8EF", "BLACK #0A0A0C"],
        "description": "角丸正方形の単色カラー見本5つ"
      },
      {
        "title": "PRISM GRADIENTS",
        "count": 1,
        "description": "下に5つのHEXコードが付いた長い水平グラデーションバー1つ"
      },
      {
        "title": "TYPOGRAPHY",
        "description": "大きな『Aa』の文字と4つのフォントウェイト（Light、Regular、Medium、Semibold）、アルファベットと数字一式"
      },
      {
        "title": "ICONOGRAPHY",
        "count": 12,
        "description": "2×6グリッドに配置された12個のミニマリストなラインアートアイコン"
      },
      {
        "title": "BUTTONS",
        "count": 8,
        "categories": ["PRIMARY", "SECONDARY", "TEXT", "ICON"],
        "description": "各カテゴリの通常状態と無効状態を示す合計8個のボタン。プライマリボタンには玉虫色の枠線と '[GET STARTED]' のテキスト"
      },
      {
        "title": "NAVIGATION",
        "count": 2,
        "variants": ["DESKTOP", "MOBILE"],
        "description": "ロゴ、4つのテキストリンク、検索バー、サインイン、CTAボタンを備えたデスクトップナビ。ロゴ、検索、ハンバーガーメニューを備えたモバイルナビ"
      },
      {
        "title": "COMPONENTS",
        "count": 6,
        "items": [
          "CARD: 抽象的な玉虫色グラフィックとボタンを備えた『Photon Engine』カード",
          "INPUT FIELD: 検索バーとラベル付きメール入力フィールド",
          "PROGRESS: 68%を示す玉虫色のプログレスバー",
          "TABS: Overview、Analytics、Settings",
          "TOGGLE: 2つのスイッチ（オンとオフ）",
          "DATA VISUALIZATION: 凡例3項目のドーナツチャート1つ、7日間の折れ線グラフ1つ"
        ]
      },
      {
        "title": "WEB PAGE",
        "description": "見出し '[Build the Future with Light & Color]'、2つのボタン、流れるような3D玉虫色ウェーブグラフィック、下部に5つの提携ロゴを含むデスクトップブラウザモックアップ"
      },
      {
        "title": "MOBILE APP",
        "description": "残高$24,880、折れ線チャート、クイックアクションアイコン4つ、最新アクティビティリスト3件、4つのアイコン付きボトムナビゲーションバーを表示するスマートフォンモックアップ"
      }
    ]
  }
}
```