画像プロンプト

Cosmic Dark Mode UI デザインシステム

カラーパレット、タイポグラフィ、宇宙をテーマにしたコンポーネントを備えた、包括的なダークモード UI デザインシステムを生成します。

プロンプト

{ "type": "UI デザインシステム", "theme": "ダークモード、宇宙をイメージしたデザイン、光るアクセント", "header": { "label": "デザインシステム", "title": "COSMIC GRAVITY", "subtitle": "宇宙から着想を得たデザイン言語。" }, "layout": { "left_column": [ { "title": "カラー", "count": 7, "items": [ {"name": "Cosmic Black", "hex": "#050507"}, {"name": "Deep Space", "hex": "#0E0F14"}, {"name": "Soft White", "hex": "#F5F6F8"}, {"name": "Stardust Gold", "hex": "#F5D28A"}, {"name": "Night Purple", "hex": "#1A1C2A"}, {"name": "Dusk Blue", "hex": "#0F1B2A"}, {"name": "Nebula Teal", "hex": "#0E1F22"} ] }, { "title": "グラデーション", "count": 1, "description": "ダークからライト、そしてダークへと変化する宇宙のような輝きを表現した水平バー" }, { "title": "タイポグラフィ", "font": "Space Grotesk", "hierarchy_count": 4, "levels": ["H1 Cosmic Light", "H2 Explore More", "Body Celestial Text", "Caption Orbit Info"] } ], "main_column": [ { "title": "UI コンポーネント", "subsections": [ {"title": "ボタン", "count": 3, "labels": ["EXPLORE (プライマリ)", "CANCEL (セカンダリ)", "MORE (ゴースト)"]}, {"title": "スライダー", "count": 1, "value": "72%"}, {"title": "トグル", "count": 2, "states": ["オフ", "オン"]}, {"title": "タグ", "count": 3, "labels": ["BLACK HOLE", "JUPITER", "ORBIT"]} ] }, { "title": "カード", "count": 3, "items": [ {"title": "JUPITER", "subtitle": "ORBIT ARCHIVE", "image": "木星"}, {"title": "BLACK HOLE", "subtitle": "COSMIC EVENT", "image": "降着円盤を持つブラックホール"}, {"title": "DISTANCE", "value": "778.3 M km", "image": "同心円状の軌道リング"} ] }, { "title": "データ表示", "count": 3, "items": [ {"title": "ENERGY", "type": "円形プログレスリング", "value": "87%"}, {"title": "SIGNAL STRENGTH", "type": "光るノード付き折れ線グラフ", "value": "42.6 dB"}, {"title": "COSMIC NOISE", "type": "オーディオプレイヤー UI"} ] }, { "title": "アイコン", "count": 7, "labels": ["ホーム", "惑星", "きらめき", "信号", "フォルダ", "ハート", "ユーザー"] } ], "bottom_row": [ { "title": "ビジュアル要素", "count": 5, "labels": ["BLACK HOLE", "GRAVITY RING", "LIGHT GLOW", "NEBULA DUST", "GLASS SURFACE"] } ] } }