Iridescent Butterfly UI/UX デザインシステム

虹色に輝く蝶の羽からインスピレーションを得た、カラーパレット、タイポグラフィ、モバイル画面、Web プレビューを含む包括的なダークモード UI/UX デザインシステムボードを生成します。

プロンプト

{ "type": "UI/UX デザインシステムプレゼンテーションボード", "theme": "ダークモード、自然に着想を得た、輝く虹色の美学", "header": { "title": "NATURE INSPIRED UI\nBUTTERFLY IRIDESCENCE\nUI/UX デザインシステム", "description": "蝶の羽からインスピレーションを得て、構造色の虹色の光沢と深みのあるブルーをインターフェースデザインに融合させ、軽やかで躍動感のある、生命力に満ちたデジタル体験を創造します。", "hero_image": "大きく詳細な、青と紫に輝く虹色の蝶の羽" }, "layout": { "sections": [ { "title": "INSPIRATION", "count": 4, "description": "蝶の羽のクローズアップと光の屈折を示す正方形のサムネイル" }, { "title": "KEYWORDS", "count": 5, "labels": ["虹色", "躍動感", "軽やか", "深淵", "自然"] }, { "title": "COLOR SYSTEM", "subsections": [ { "title": "PRIMARY", "count": 3, "labels": ["Morpho Blue #1E5BFF", "Iridescent Purple #7A5CFF", "Sky Glow #00E6FF"] }, { "title": "NEUTRAL", "count": 3, "labels": ["Midnight #0B0F19", "Soft Navy #141A2E", "Pearl #F3F6FC"] }, { "title": "ACCENT & GRADIENT", "count": 2, "labels": ["Rainbow Sheen", "Butterfly Glow"] } ] }, { "title": "TYPOGRAPHY", "content": "Aa Poppins Light / Regular / Medium / SemiBold" }, { "title": "APP STORE ICON", "count": 1, "text": "アプリ名 Winglet Light. Alive. Beautiful." }, { "title": "UI COMPONENTS", "subsections": [ { "title": "BUTTONS", "count": 6, "labels": ["プライマリ", "セカンダリ", "ガラス", "ハートアイコン", "光る球体アイコン", "トグルスイッチ"] }, { "title": "OTHER ELEMENTS", "count": 5, "labels": ["検索バー", "タグ (New)", "プログレスバー (72%)", "カード (Blue Morph)", "スライダー"] } ] }, { "title": "MOBILE UI", "count": 3, "screens": ["探索画面", "大きな蝶の羽を表示した Today 画面", "波形を表示したオーディオプレイヤー画面"] }, { "title": "WEB DESIGN PREVIEW", "count": 1, "details": "デスクトップブラウザのモックアップ。'LIGHT IS ALIVE' という見出しと 'Explore Now' ボタンを備えたヒーローセクション" }, { "title": "VISUAL BACKGROUNDS", "count": 4, "description": "抽象的な虹色の波を示す長方形のサムネイル" } ], "footer": "Design with Nature, Made for Experience." } }