Overview Use cases Skills Prompts Pricing Download Blog Updates

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.

Prompt

{ "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." } }

Reference images

How to use this prompt

1
Copy the full prompt above.
2
Open a platform that supports GPT Image 2, such as YouMind, and paste the prompt in.
3
Swap the subject, style, or details to fit your idea, then generate.

This is a free AI prompt from YouMind's prompt library. Explore thousands more image prompts, all free to copy and adapt.

Explore more image prompts

All Image Categories

More Prompt Features

AI Library

AI prompt search

Let AI search through tens of thousands of prompts. Filter by model, time range, keywords, and sort by engagement — views, bookmarks, reposts and more.

Try free

Vision Tools

Image to Prompt

Turn any photo into a detailed AI image prompt. The free image to prompt converter analyzes composition, style, and lighting so you can recreate any look in seconds.

Convert Image to Prompt