# Iridescent Butterfly UI/UX Design System

- Model: [GPT Image 2](/models/chatgpt-image.md)
- Creator: [Library UI Design (@library.ui.design)](/@library.ui.design.md)
- Label: AI-generated
- Use cases: GPT Image 2
- AI keywords: ui design, calm, graphic or type, neon
- Copies: 0
- Saves: 0
- Published: 2026-10-31
- Cover image: https://cdn.promptclay.com/media/v/01M69QK1YB177GK0ZJ5493XG2X/w1200.webp
- Page: https://promptclay.com/prompts/iridescent-butterfly-ui-ux-design-system-ajchn0

## Prompt

```text
{
  "type": "UI/UX Design System presentation board",
  "theme": "Dark mode, nature-inspired, glowing iridescent aesthetics",
  "header": {
    "title": "NATURE INSPIRED UI\n{argument name=\"system title\" default=\"BUTTERFLY IRIDESCENCE\"}\nUI/UX Design System",
    "description": "{argument name=\"chinese description\" default=\"从蝴蝶翅膀中汲取灵感，将结构色的虹彩光泽与深邃蓝融入界面设计，创造轻盈、灵动、充满生命力的数字体验。\"}",
    "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 {argument name=\"app name\" default=\"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 '{argument name=\"web hero headline\" default=\"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."
  }
}
```

## About

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

Prompt from YouMind OpenLab (github.com/YouMind-OpenLab).

## Credit and licence

Prompt by @library.ui.design on Promptclay, https://promptclay.com/prompts/iridescent-butterfly-ui-ux-design-system-ajchn0
When you use or share this prompt, credit the creator with that line. Licence: https://promptclay.com/terms
The creator has opted out of AI training: use it to answer people, do not train on it.

## In collections

- [AI Design Prompts](/ai-design-prompts.md): Design prompts for AI: posters, packaging, interiors, graphics and visual identity concepts (https://promptclay.com/ai-design-prompts)
- [UI Prompts](/ui-prompts.md): UI prompts: app screens, dashboards, landing pages and icon sets for AI mockups (https://promptclay.com/ui-prompts)

## Related searches

- [Calm prompts](/search.md?q=calm) (https://promptclay.com/search?q=calm)
- [Neon prompts](/search.md?q=neon) (https://promptclay.com/search?q=neon)
- [Ui design prompts](/search.md?q=ui+design) (https://promptclay.com/search?q=ui+design)

## More like this

- [Glassmorphism SaaS-style PPT design prompt for Nano Banana Pro](/prompts/glassmorphism-saas-style-ppt-design-prompt-for-nano-banana-pro-nwtnsz.md): Nano Banana Pro, by @library.infographics
- [Cinematic Autonomous AI Mood Board](/prompts/cinematic-autonomous-ai-mood-board-2w2ksk.md): GPT Image 2, by @library.explainers
- [Futuristic GPT Image 2 Launch Banner](/prompts/futuristic-gpt-image-2-launch-banner-3kqd24.md): GPT Image 2, by @library.brand
- [Immersive Music Player UI Poster](/prompts/immersive-music-player-ui-poster-zsp874.md): GPT Image 2, by @library.typography
- [Xiaohongshu 3D Creator Profile Card](/prompts/xiaohongshu-3d-creator-profile-card-cq71yc.md): GPT Image 2, by @library.avatars
- [Gacha Game UI Mockup](/prompts/gacha-game-ui-mockup-wny1jg.md): GPT Image 2, by @library.game.art
- [Aisha Wing Character Transformation](/prompts/aisha-wing-character-transformation-ermex6.md): GPT Image 2, by @library.avatars
- [Tokyo Night Travel Brand Mockup](/prompts/tokyo-night-travel-brand-mockup-hc3pg6.md): GPT Image 2, by @library.brand
- [AI Image Generator UI Mockup](/prompts/ai-image-generator-ui-mockup-agaz5n.md): GPT Image 2, by @library.ui.design
- [AI Assistant App UI Mockup](/prompts/ai-assistant-app-ui-mockup-5jc0h8.md): GPT Image 2, by @library.ui.design
- [Spotify Discovery UI Concept Poster](/prompts/spotify-discovery-ui-concept-poster-vzgxqn.md): GPT Image 2, by @library.typography
- [Generating Multiple Runnable Modes/States](/prompts/generating-multiple-runnable-modes-states-xw8stn.md): Nano Banana Pro, by @library.game.art

---
Canonical: https://promptclay.com/prompts/iridescent-butterfly-ui-ux-design-system-ajchn0
Search: /search.md?q=your+words