アプリ / Webデザインミニマリズムイラスト抽象 / 背景テキスト / タイポグラフィ動物 / クリーチャー

Iridescent Butterfly UI/UX Design System

Generates a comprehensive dark-mode UI/UX design system board featuring color palettes, typography, mobile screens, and web previews inspired by iridescent butterfly wings.

公開日 2026年4月19日元の言語: EN

プロンプト

全文プロンプト。コピーや編集にそのまま使えます。

{
  "type": "UI/UX Design System presentation board",
  "theme": "Dark mode, nature-inspired, glowing iridescent aesthetics",
  "header": {
    "title": "NATURE INSPIRED UI\nBUTTERFLY IRIDESCENCE\nUI/UX Design System",
    "description": "从蝴蝶翅膀中汲取灵感，将结构色的虹彩光泽与深邃蓝融入界面设计，创造轻盈、灵动、充满生命力的数字体验。",
    "hero_image": "Large, highly detailed, glowing blue and purple iridescent butterfly wing"
  },
  "layout": {
    "sections": [
      {
        "title": "INSPIRATION",
        "count": 4,
        "description": "Square thumbnails showing close-ups of iridescent butterfly wings and light refractions"
      },
      {
        "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": "App Name Winglet Light. Alive. Beautiful."
      },
      {
        "title": "UI COMPONENTS",
        "subsections": [
          { "title": "BUTTONS", "count": 6, "labels": ["Primary", "Secondary", "Glass", "heart icon", "glowing sphere icon", "toggle switch"] },
          { "title": "OTHER ELEMENTS", "count": 5, "labels": ["Search bar", "Tag (New)", "Progress bar (72%)", "Card (Blue Morph)", "Slider"] }
        ]
      },
      {
        "title": "MOBILE UI",
        "count": 3,
        "screens": ["Explore screen", "Today screen with large butterfly wing", "Audio player screen with waveform"]
      },
      {
        "title": "WEB DESIGN PREVIEW",
        "count": 1,
        "details": "Desktop browser mockup, hero section with 'LIGHT IS ALIVE' and 'Explore Now' button"
      },
      {
        "title": "VISUAL BACKGROUNDS",
        "count": 4,
        "description": "Rectangular thumbnails showing abstract iridescent waves"
      }
    ],
    "footer": "Design with Nature, Made for Experience."
  }
}

GPT Image 2 の関連プロンプト

同じモデルとカテゴリの関連プロンプトです。

すべてのプロンプトを見る

@BOLE CHEN 作

Cat Recognition Result Screen - 1

アプリ / Webデザイン · SNS投稿 · イラスト · ミニマリズム

18758

Lariab Fatima‎ 作

Minimalist Fashion Editorial Poster

ポスター / チラシ · 商品マーケティング · アプリ / Webデザイン · ミニマリズム

1163.2K

輪廻タヲ ☯ AI Artist 作

Unified Illustration and Logo Collage

ポスター / チラシ · アプリ / Webデザイン · イラスト · ミニマリズム

731.8K

ケンイチ | AIスキルアカデミー『誰でもわかるAI活用術』作

Humorous AI Resume Generator

インフォグラフィック / 教育ビジュアル · アプリ / Webデザイン · ミニマリズム · イラスト

532K

🌧️ 作

Japanese PowerPoint Bunny Icon Editor

アプリ / Webデザイン · インフォグラフィック / 教育ビジュアル · ミニマリズム · イラスト

231.5K

すすみーむ作

Bookstore Brand Board with Poodle Mascot

商品マーケティング · アプリ / Webデザイン · ミニマリズム · イラスト

15795

Iridescent Butterfly UI/UX Design System

Generates a comprehensive dark-mode UI/UX design system board featuring color palettes, typography, mobile screens, and web previews inspired by iridescent butterfly wings.

公開日 2026年4月19日元の言語: EN

プロンプト

全文プロンプト。コピーや編集にそのまま使えます。

{
  "type": "UI/UX Design System presentation board",
  "theme": "Dark mode, nature-inspired, glowing iridescent aesthetics",
  "header": {
    "title": "NATURE INSPIRED UI\nBUTTERFLY IRIDESCENCE\nUI/UX Design System",
    "description": "从蝴蝶翅膀中汲取灵感，将结构色的虹彩光泽与深邃蓝融入界面设计，创造轻盈、灵动、充满生命力的数字体验。",
    "hero_image": "Large, highly detailed, glowing blue and purple iridescent butterfly wing"
  },
  "layout": {
    "sections": [
      {
        "title": "INSPIRATION",
        "count": 4,
        "description": "Square thumbnails showing close-ups of iridescent butterfly wings and light refractions"
      },
      {
        "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": "App Name Winglet Light. Alive. Beautiful."
      },
      {
        "title": "UI COMPONENTS",
        "subsections": [
          { "title": "BUTTONS", "count": 6, "labels": ["Primary", "Secondary", "Glass", "heart icon", "glowing sphere icon", "toggle switch"] },
          { "title": "OTHER ELEMENTS", "count": 5, "labels": ["Search bar", "Tag (New)", "Progress bar (72%)", "Card (Blue Morph)", "Slider"] }
        ]
      },
      {
        "title": "MOBILE UI",
        "count": 3,
        "screens": ["Explore screen", "Today screen with large butterfly wing", "Audio player screen with waveform"]
      },
      {
        "title": "WEB DESIGN PREVIEW",
        "count": 1,
        "details": "Desktop browser mockup, hero section with 'LIGHT IS ALIVE' and 'Explore Now' button"
      },
      {
        "title": "VISUAL BACKGROUNDS",
        "count": 4,
        "description": "Rectangular thumbnails showing abstract iridescent waves"
      }
    ],
    "footer": "Design with Nature, Made for Experience."
  }
}