Generates a comprehensive dark-mode UI/UX design system board featuring color palettes, typography, mobile screens, and web previews inspired by iridescent butterfly wings. (free to use) — Free AI image template on PicX Studio.
{ "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." } }
Use Iridescent Butterfly UI/UX Design System to plan an AI image around gpt-image-2 generation, themes such as en and gpt-image-2. Match the preview's composition first, then personalize the subject, setting, and mood for your own project.
Use the primary action to load the template settings in PicX Studio.
Adjust the subject and creative details for your destination.
Create the image, compare the result with the preview, and refine one variable at a time.
A continuous mix — similar concepts first, woven with same-model prompts and fresh picks from the catalog.
Choose the primary action to open PicX Studio with the available template settings. Review the model and format, personalize the creative direction, and generate when ready.
Yes. You can change the subject, setting, lighting, mood, format, and available model controls before creating your image.
This template is free to open and customize. Generation usage is shown in PicX Studio before you create.
Start with gpt-image-2, which is the model associated with this template. You can compare another compatible model for a different finish.
A continuous mix — similar concepts first, woven with same-model prompts and fresh picks from the catalog.
Follow a topic to a crawlable collection of related PicX Studio templates.
36,410 public templates available. Verified via the PicX Studio public templates API; refreshed hourly.
