# Iridescent Butterfly UI System Board

- 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: graphic or type, neon
- Copies: 0
- Saves: 0
- Published: 2026-10-31
- Cover image: https://cdn.promptclay.com/media/v/01M69TDJNB5ZA62B6N3X6HWZF4/w1200.webp
- Page: https://promptclay.com/prompts/iridescent-butterfly-ui-system-board-frkh8w

## Prompt

```text
{"type":"UI/UX design system showcase board","theme":"dark mode, nature-inspired, luminous iridescent aesthetic","language":"Chinese","canvas":{"aspect_ratio":"square poster","background":"deep midnight navy to black with subtle glow","style":"premium futuristic presentation board with thin neon-blue panel outlines, glossy highlights, soft bloom, and high contrast"},"header":{"title":"自然灵感 UI\n{argument name=\"system title\" default=\"蝴蝶虹彩\"}\nUI/UX 设计系统","description":"{argument name=\"chinese description\" default=\"从蝴蝶翅膀中汲取灵感，将结构色的虹彩光泽与深邃蓝融入界面设计，创造轻盈、灵动、充满生命力的数字体验。\"}","hero_image":"an oversized, ultra-detailed glowing butterfly wing in electric blue, violet, and iridescent cyan filling the upper-right half, with visible vein structure, translucent edges, spark-like particles, and a second blurred wing behind it"},"layout":{"sections":[{"title":"1. 设计灵感","position":"upper left below header","count":4,"labels":["iridescent butterfly wing macro","blue-purple wing texture close-up","light refraction prism flare","butterfly wing cell pattern"]},{"title":"2. 关键词","position":"upper right below hero","count":5,"labels":["虹彩","灵动","轻盈","深邃","自然"],"icon_style":"simple glowing line icons inside rounded dark cards"},{"title":"3. 色彩系统","position":"mid left","subsections":[{"title":"主色","count":3,"labels":["大闪蝶蓝 #1E5BFF","虹彩紫 #7A5CFF","天空光 #00E6FF"]},{"title":"中性色","count":3,"labels":["午夜黑 #060F19","柔和海军蓝 #141A2E","珍珠白 #F3F6FC"]},{"title":"强调色与渐变","count":2,"labels":["彩虹光泽","蝴蝶光芒"]}],"visual":"circular color swatches and gradient spheres with Chinese labels beneath"},{"title":"4. 排版","position":"mid right","count":1,"labels":["Aa Poppins Light / Regular / Medium / SemiBold"],"visual":"large white Aa on dark card"},{"title":"5. 应用图标","position":"left center","count":1,"text":"{argument name=\"app name\" default=\"Winglet\"} 轻盈。灵动。优雅。","visual":"glowing butterfly app icon beside app name"},{"title":"6. UI 组件","position":"center","subsections":[{"title":"按钮","count":3,"labels":["主要按钮","次要按钮","玻璃质感"]},{"title":"图标","count":2,"labels":["心形收藏","发光圆环"]},{"title":"开关","count":1,"labels":["开关"]}],"visual":"rounded blue buttons, neon icon buttons, and a glowing toggle on a dark panel"},{"title":"其他元素","position":"right center","count":4,"labels":["搜索框","标签 New","进度条 (72%)","卡片 Blue Morpho"],"visual":"small utility UI widgets in a compact horizontal card"},{"title":"7. 移动端 UI","position":"lower left","count":3,"labels":["搜索页面","带有大型蝴蝶插图的今日页面","带有波形图的音频播放页面"],"visual":"three smartphone mockups with rounded corners, dark interface, blue-violet butterfly visuals"},{"title":"8. 网页设计预览","position":"lower right","count":1,"labels":["光之生命"],"visual":"desktop landing page mockup with butterfly hero image, top navigation, bright blue call-to-action button, and Chinese body text"},{"title":"9. 视觉背景","position":"bottom full width","count":4,"labels":["flowing light ribbon background 1","swirling iridescent vortex","flowing light ribbon background 2","radiant crystalline burst"],"visual":"four elongated rectangular background samples in purple, blue, and cyan"}],"footer":{"count":1,"text":"源于自然的设计，为体验而生。","center_icon":"small butterfly icon"}},"art_direction":{"materials":"glassmorphism, neon edge lighting, smooth gradients, subtle reflections","colors":"electric blue, indigo, violet, cyan, white","composition":"clean grid with 9 numbered content sections, generous spacing, thin rounded borders, and a dominant butterfly hero image","render_quality":"highly polished, crisp typography, premium Behance-style design system board"}}
```

## About

A polished dark-mode Chinese UI/UX design system presentation board featuring a glowing butterfly theme, suitable for design case studies, portfolio covers, and style-system showcases.

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-system-board-frkh8w
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

- [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

- [Neon prompts](/search.md?q=neon) (https://promptclay.com/search?q=neon)

## More like this

- [Iridescent Butterfly UI/UX Design System](/prompts/iridescent-butterfly-ui-ux-design-system-ajchn0.md): GPT Image 2, by @library.ui.design
- [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
- [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
- [Cinematic Autonomous AI Mood Board](/prompts/cinematic-autonomous-ai-mood-board-2w2ksk.md): GPT Image 2, by @library.explainers
- [AI Image Generator UI Mockup](/prompts/ai-image-generator-ui-mockup-agaz5n.md): GPT Image 2, by @library.ui.design
- [Anime TCG Card Illustration Prompt](/prompts/anime-tcg-card-illustration-prompt-n9hvnr.md): GPT Image 2, by @library.game.art
- [Glassmorphism personal branding mockup](/prompts/glassmorphism-personal-branding-mockup-nyvw4x.md): Nano Banana Pro, by @library.art
- [Tokyo Night Travel Brand Mockup](/prompts/tokyo-night-travel-brand-mockup-hc3pg6.md): GPT Image 2, by @library.brand
- [Ethereal Butterfly Couture Sketches](/prompts/ethereal-butterfly-couture-sketches-e8jf6d.md): Nano Banana Pro, by @library.infographics
- [Thumbnail text overlay based on attachment](/prompts/thumbnail-text-overlay-based-on-attachment-w5pswp.md): Nano Banana Pro, by @library.social
- [Dark Research Figure Gallery UI](/prompts/dark-research-figure-gallery-ui-k9j6av.md): GPT Image 2, by @library.explainers

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