画像プロンプト

ライトモード UI デザインシステムボード

カラーパレット、タイポグラフィ、コンポーネント、レスポンシブモックアップを網羅した、未来的で虹色の美学を持つ包括的な UI デザインシステムのプレゼンテーションを生成します。

プロンプト

{ "type": "UI デザインシステムプレゼンテーションボード", "theme": "光学科学と光の屈折", "overall_aesthetic": "クリーンなホワイト背景、ライトモード、未来的、プレミアム、虹色、パステルオレンジ、イエロー、シアン、パープル、ピンクのアクセントカラー", "header": { "title": "LIGHTCORE PRISM", "subtitle": "UI デザインシステム - ライトモード", "tags": ["FUTURISTIC", "PREMIUM", "FOCUS"], "hero_graphic": "虹色の光を屈折させる 3D 透明ガラスリング" }, "layout": { "sections": [ { "title": "カラー", "count": 5, "labels": ["WHITE #FFFFFF", "SNOW #FAFAFC", "SLATE #F2F4F8", "BORDER #E6E8EF", "BLACK #0A0A0C"], "description": "角丸正方形の 5 つのソリッドカラースウォッチ" }, { "title": "プリズムグラデーション", "count": 1, "description": "下に 5 つの HEX コードが記載された 1 つの長い水平グラデーションバー" }, { "title": "タイポグラフィ", "description": "4 つのフォントウェイト（Light、Regular、Medium、Semibold）とアルファベット／数字の全文字を表示した大きな 'Aa'" }, { "title": "アイコン", "count": 12, "description": "2x6 のグリッドに配置された 12 個のミニマルなラインアートアイコン" }, { "title": "ボタン", "count": 8, "categories": ["PRIMARY", "SECONDARY", "TEXT", "ICON"], "description": "各カテゴリーの通常状態と無効状態を示す合計 8 つのボタン。プライマリボタンは虹色の境界線と GET STARTED というテキストが特徴です。" }, { "title": "ナビゲーション", "count": 2, "variants": ["DESKTOP", "MOBILE"], "description": "デスクトップ用ナビにはロゴ、4 つのテキストリンク、検索、サインイン、ボタンを配置。モバイル用ナビにはロゴ、検索、ハンバーガーメニューを配置。" }, { "title": "コンポーネント", "count": 6, "items": [ "カード: 抽象的な虹色のグラフィックとボタンを備えた 'Photon Engine'", "入力フィールド: ラベル付きの検索バーとメール入力欄", "プログレスバー: 68% を示す虹色のプログレスバー", "タブ: 概要、分析、設定", "トグル: 2 つのスイッチ（オン/オフ）", "データ可視化: 3 つの凡例付きドーナツチャート 1 つ、7 日間の折れ線グラフ 1 つ" ] }, { "title": "ウェブページ", "description": "'光と色で未来を構築する' という見出し、2 つのボタン、流れるような 3D 虹色ウェーブグラフィック、下部に 5 つのパートナーロゴを配置したデスクトップブラウザのモックアップ。" }, { "title": "モバイルアプリ", "description": "24,880 ドルの残高、折れ線グラフ、4 つのクイックアクションアイコン、3 つの項目からなる最近のアクティビティリスト、4 つのアイコンを備えた下部ナビゲーションバーを表示するスマートフォンモックアップ。" } ] } }