GPT Image 2

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 text

Original Chinese text. Replace placeholders with your own details.

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

Source & attribution

cheaty · Awesome GPT Image 2

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →