텍스트 투 이미지
Iridescent Butterfly UI/UX Design System — AI 이미지 프롬프트
Generates a comprehensive dark-mode UI/UX design system board featuring color palettes, typography, mobile screens, and web previews inspired by iridescent butterfly wings. - AIPinMaker
프롬프트
{
"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."
}
}3d:Ta73,{
"type": "UI/UX Design System presentation board",
"theme": "Dark mode, nature-inspired, glowing iridescent참고 이미지
이 AI 이미지 프롬프트 템플릿 사용 방법
1프롬프트 복사 — 템플릿의 프롬프트와 네거티브 프롬프트를 가져오세요. 
2모델 선택 — 가장 잘 맞는 추천 AI 모델을 고르세요. 
3생성 — 클릭 한 번으로 스튜디오를 열어 결과를 만드세요.
관련 템플릿
Futuristic Yo-Yo Brand Book Board
{"type":"brand book presentation board","brand":{"name":"{argument name=\"brand name\" default=\"YOYOYO\"}","industry":"creative tech yoyo brand","version":"VERSION 1.0","website":"{argument name=\"website\" default=\"YOYOYO.COM\"}","taglines":["PLAY SERIOUSLY.","CREATE OBSESSIVELY."],"social":"@YOYOYO"},"style":{"overall":"premium futuristic graphic design, bold Swiss-inspired layout, black grid borders, high contrast editorial branding board","palette":[{"name":"VOLUME","hex":"#D9FF00","description":"neon lime"},{"name":"POCKET ORANGE","hex":"#FF6A00","description":"bright orange"},{"name":"HYPER VIOLET","hex":"#6A00FF","description":"electric violet"},{"name":"ELECTRIC PINK","hex":"#FF2BC2","description":"hot magenta"},{"name":"CYBER MINT","hex":"#A8FFD8","description":"soft mint"},{"name":"DEEP BLACK","hex":"#0A0A0A","description":"rich black"},{"name":"PURE WHITE","hex":"#FFFFFF","description":"clean white"},{"name":"CHROME","hex":"#C0C0C0","description":"reflective silver"}],"materials":["glossy translucent plastic","chrome metal","black matte surfaces","neon gradients"]},"layout":{"format":"3 rows by 3 columns plus bottom footer strip","sections":[{"index":"cover","position":"top-left","title":"brand kit cover","count":1,"elements":["large {argument name=\"brand name\" default=\"YOYOYO\"} wordmark across the top","small text BRAND KIT","small text VERSION 1.0","oversized glossy macro yoyo render in orange, pink, and purple on neon lime background","small slogan at bottom left: PLAY SERIOUSLY. CREATE OBSESSIVELY."]},{"index":"01","position":"top-center","title":"BRAND OVERVIEW","count":2,"elements":["left-aligned white headline and body copy on black background","large metallic chrome-purple robotic hand holding a neon lime yoyo on the right"]},{"index":"02","position":"top-right","title":"LOGO","count":4,"elements":["main black wordmark on white background","small logo variation in black on white","logo reversed on neon lime square","round emblem or badge mark in black"]},{"index":"03","position":"middle-left","title":"COLOR SYSTEM","count":8,"elements":["8 labeled color swatches arranged in a clean grid: VOLUME, POCKET ORANGE, HYPER VIOLET, ELECTRIC PINK, CYBER MINT, DEEP BLACK, PURE WHITE, CHROME","short paragraph describing the energetic futuristic palette"]},{"index":"04","position":"middle-center","title":"TYPOGRAPHY","count":2,"elements":["large sample text AaBbCc123","weight list showing 4 styles: Neue Montreal Light, Neue Montreal Regular, Neue Montreal Medium, Neue Montreal Bold","usage example with stacked slogan PLAY SERIOUSLY. CREATE OBSESSIVELY."]},{"index":"05","position":"middle-right","title":"VISUAL LANGUAGE","count":6,"elements":["6 image tiles in a 2 by 3 collage","abstract product photography","purple radial texture with black center","orange yoyo detail on pink background","pink staircase scene","silhouette figure in a pink-purple set","floating chrome and purple pedestal object"]},{"index":"06","position":"bottom-left","title":"PRODUCT EXPLORATION","count":5,"elements":["5 floating yoyo product variants labeled HYPER LOOP LIME, HYPER LOOP ORANGE, HYPER LOOP CLEAR, HYPER LOOP VIOLET, HYPER LOOP NIGHT","5 feature icons with captions: HIGH-SPIN BEARING, CNC ALUMINUM, RESPONSIVE SYSTEM, PRECISION BALANCED, DESIGNED TO FLOW"]},{"index":"07","position":"bottom-center","title":"PACKAGING DESIGN","count":4,"elements":["stacked packaging mockups on black background","neon lime box","iridescent gradient box","black box with bold branding","hot pink drawer-style box"]},{"index":"08","position":"bottom-right","title":"APPLICATIONS","count":6,"elements":["6 application mockups arranged in a grid","smartphone ad","billboard","mobile app screen","retail or event interior","black t-shirt","laptop website mockup"]}],"footer":{"count":4,"elements":["small {argument name=\"brand name\" default=\"YOYOYO\"} wordmark at left","tagline PLAY SERIOUSLY.","tagline CREATE OBSESSIVELY.","website and social handle at right"]}},"imagery":{"product":"sleek premium yo-yo rendered as a collectible tech object","rendering":"hyper-real 3D CGI with glossy reflections, translucent rims, metallic cores, dramatic studio lighting","mood":"energetic, obsessive, innovative, youth-tech luxury"},"composition":{"background":"alternating black and white panels with thin grid lines","camera":"front-facing flat presentation board","aspect_ratio":"16:9","finish":"polished agency-style brand guidelines sheet suitable for pitch decks, launch decks, and social posts"}}
Mixed-Media Editorial Shot with Cartoon Character
Full-body fashion editorial shot of a confident young person model sitting casually on a concrete ledge, legs slightly apart, one arm resting on knee, the other relaxed, looking straight at camera with a calm dominant expression. Wearing a light denim jacket over a plain white t-shirt, neutral shorts, bright socks, and modern sneakers. Clean styling, natural pose, wind slightly moving hair and fabric. Beside and partially interacting with a stylized cartoon dog (animal), positioned naturally as if sharing the same space. The dog (animal) is illustrated in bold cartoon style with thick black outlines, vibrant neon color palette (blue, green, yellow accents), exaggerated proportions, expressive features, playful yet powerful presence. Background: bright outdoor urban setting with clear blue sky, soft clouds, sunlit concrete textures, strong natural daylight, crisp shadows. Fusion of hyper-realistic photography and graphic illustration, seamless integration between subject and cartoon. Add graphic overlay elements: doodle arrows, scribbles, abstract shapes, comic-style symbols, dynamic motion lines. High contrast, HDR lighting, sharp focus, fashion editorial composition, surreal mixed-media aesthetic, ultra-detailed, 8k resolution.
High-Tech Corporate KPI Presentation Slide
{ "type": "corporate presentation slide", "theme": "high-tech, futuristic, dark mode, glowing neon blue and purple accents, abstract digital particle wave background", "header": { "title_primary": "{argument name=\"main chinese title\" default=\"业务影响\"}", "title_secondary": "{argument name=\"main english title\" default=\"Business Impact\"}", "tagline": "{argument name=\"tagline\" default=\"用数据说话，用结果证明价值\"}" }, "layout": { "left_section": { "type": "line chart", "title": "效率与产能提升趋势", "y_axis": ["0%", "100%", "200%", "300%", "400%", "500%", "600%"], "x_axis": ["Q1", "Q2", "Q3", "Q4", "现在"], "lines": [ { "label": "交付效率 (相对值)", "color": "neon blue", "trend": "upward curve", "annotation": "效率持续提升" }, { "label": "单位成本 (相对值)", "color": "neon purple", "trend": "downward curve", "annotation": "成本显著下降" } ] }, "right_section": { "type": "kpi grid", "count": 4, "arrangement": "2x2 grid", "cards": [ { "icon": "rocket", "title": "效率提升", "value": "{argument name=\"kpi 1 value\" default=\"+120%\"}", "subtext": "交付效率显著提升" }, { "icon": "coins with down arrow", "title": "成本降低", "value": "{argument name=\"kpi 2 value\" default=\"-200%\"}", "subtext": "单位交付成本下降" }, { "icon": "bar chart with up arrow", "title": "产能提升", "value": "5倍", "subtext": "团队整体产能跃升" }, { "icon": "people group", "title": "覆盖团队", "value": "10个", "subtext": "业务团队规模化受益" } ] } } }3d:T7d1,{ "type": "corporate presentation slide", "theme": "high-tech, futuristic, dark mode, glowing neon blue and purple accents, abstract digital particle wave background", "header": { "title_prima
Spotify Discovery UI Concept Poster
{"type":"premium app UI concept poster","brand":"Spotify-inspired music discovery redesign","theme":"futuristic dark neon interface","canvas":{"orientation":"portrait","background":"deep black with subtle grain, soft green glow accents, faint teal-to-red ambient gradients"},"headline":{"concept_label":"CONCEPT 4","title":"{argument name=\"headline text\" default=\"DISCOVERY / TOP SONGS\"}","subtitle":"Discovery that feels like entertainment."},"centerpiece":{"device":"front-facing modern smartphone mockup with thin metallic frame and dynamic island","screen":{"time":"9:41","status_icons":"signal, wifi, battery","top_tabs":{"count":2,"labels":["Discover","Trending"],"active":"Discover"},"top_badges":{"count":1,"labels":["AI RECOMMENDED"]},"profile_avatar":"small circular user avatar at top right with two green online dots","hero_media":"full-screen music discovery card showing a stylish portrait of a man with curly hair in dramatic red and cyan nightclub lighting, wearing over-ear headphones and a red blazer, cinematic moody background, one centered blurred rectangular censor block obscuring the middle of the face","music_panel":{"track_title":"{argument name=\"song title\" default=\"Blinding Lights\"}","artist":"{argument name=\"artist name\" default=\"The Weeknd\"}","left_icon":"green circular music app logo","right_icon":"white play button in a circle","why_section":{"label":"WHY YOU'RE SEEING THIS","reason":"You love 80s synth","button":"Tell us more"},"social_row":"Followed by Sam, Emma + 24 others"},"engagement_stack":{"count":3,"items":[{"icon":"heart","value":"128K"},{"icon":"comment bubble","value":"1,342"},{"icon":"paper plane share","value":"3,278"}]},"genre_tags":{"count":3,"labels":["#synthwave","#nightdrive","#80s"]},"bottom_nav":{"count":3,"labels":["Home","Search","Your Library"],"active":"Home"}}},"side_panels":{"left":{"sections":[{"title":"KEY COMPONENTS","count":5,"items":["Vertical autoplay feed","Contextual AI layer","Social proof indicators","Trending tags","Full screen visuals"]},{"title":"INTERACTION","count":5,"items":["Swipe up/down to explore","Double tap to like","Hold to expand track info","Tap for full screen experience","Haptic feedback on actions"]}]},"right":{"sections":[{"title":"WHY IT WORKS","count":4,"items":["Makes discovery addictive","Leverages social validation","AI personalization builds relevance","Endless, engaging entertainment experience"]},{"title":"SOCIAL PROOF","count":1,"items":["Your friends are listening too"],"visual":"4 circular friend avatars and a green +24 badge"},{"title":"TRENDING NOW","count":3,"items":["#synthwave","#nightdrive","#80s"],"footer":"See more"}]}} ,"footer":{"waveform":"small green audio waveform centered below device","tagline":"BECAUSE YOUR TASTE IS UNIQUE.","pill":"{argument name=\"footer slogan\" default=\"Because your taste is unique.\"}"},"style":{"look":"high-end product presentation board, Behance/Dribbble case study aesthetic","lighting":"neon green edge glow, glossy screen reflections, subtle vignette","typography":"bold modern sans serif in white and Spotify green, all caps for headings","color_palette":["black","charcoal","neon green","white","cyan","deep red"],"composition":"symmetrical centered phone with informative annotations on both sides","quality":"ultra sharp, polished, cinematic, presentation-ready"}}
Cyberpunk Future Cat Neon Poster
A cyberpunk neon poster-style illustration of a cute futuristic black cat mascot centered in a dark rainy high-tech city. The cat is a simple rounded silhouette with two tall ears, huge white circular eyes with tiny black pupils, a tiny worried mouth, and two hot-pink whisker marks on each cheek. Behind the cat is a glowing circular holographic halo made of layered magenta and cyan rings. The background is a dense futuristic cityscape filled with vertical light streaks, holographic glitches, data noise, reflections, and luminous signage in electric blue, purple, and pink. At the top center, large glowing text reads "未来猫" with smaller text below reading "FUTURE CAT". Include exactly 7 interface panels and HUD elements around the cat: 1 top-left badge reading "LEVEL 99", 1 upper-left panel reading "NEKO PROTOCOL" with smaller Japanese text below, 1 left-mid slanted panel with tiny unreadable techno glyphs, 1 left-lower panel reading "ERROR_404", 1 top-right warning panel reading "WARNING" with a triangular alert icon, 1 right-lower panel reading "NEKO UNIT-01", and 1 bottom-center status strip reading "> SYSTEM ONLINE <". Also add 2 small cat icons, one near the top-right corner and one embedded in the right-side UI area. Add faint small Japanese microtext near the lower right area. Style is glossy synthwave cyberpunk, anime-game UI fusion, poster composition, high contrast, moody nighttime atmosphere, heavy glow bloom, chromatic aberration, glitch texture, holographic reflections, wet neon ambiance, ultra-detailed background with the mascot remaining bold and graphic in the foreground. Square composition.3a:T66
Rabbit Portfolio Design System Board
{"type":"design system style portfolio landing page mockup","style":"soft premium Japanese web design board, warm neutral editorial aesthetic, rounded UI, minimal luxury, creamy monochrome palette, subtle shadows, clean spacing, polished product-design presentation","brand":{"name":"{argument name=\"brand name\" default=\"HONDA PORTFOLIO\"}","mascot":"cute white 3D rabbit character with long ears, tiny dot eyes, small mouth, smooth matte surface"},"canvas":{"aspect_ratio":"3:4","background":"very light warm gray"},"palette":{"count":6,"swatches":["#F7F3EF","#E7DDD0","#EAD9CA","#F1C6B4","#A8C0B2","#2E3A44"]},"layout":{"type":"multi-panel design system board","sections":[{"title":"デザインシステム","position":"left column","count":11,"labels":["logo concept","Color","Typography","Grid","Components","Navigation","Iconography","mascot pose row","Motion","Design Principles","mini card preview"]},{"title":"hero website","position":"top center","count":8,"labels":["brand header","Japanese headline","subtext line","2 CTA buttons","large rabbit at desk","feature icon row of 6 items","small standing rabbit","wood desk scene"]},{"title":"mobile preview","position":"top right narrow column","count":1,"labels":["smartphone mockup of the same hero page"]},{"title":"実績","position":"middle center","count":4,"labels":["コーポレートサイト","ブランドLP","UIデザイン","雑誌デザイン"]},{"title":"right sidebar cards","position":"middle and lower right","count":4,"labels":["実績 card","コーポレートサイト card","思考と記録 card","お問い合わせ card"]},{"title":"プロフィール","position":"lower middle","count":1,"labels":["rabbit sitting in lounge chair with profile text block"]},{"title":"サービス","position":"lower middle","count":4,"labels":["Webサイト制作","UI / UX設計","ブランドデザイン","アートディレクション"]},{"title":"制作の流れ","position":"bottom middle","count":5,"labels":["01 hearing","02 proposal","03 design","04 implementation","05 publish"]},{"title":"フッター","position":"bottom full width","count":4,"labels":["interior photo strip","keyword pills","social icons","large seated rabbit with mug"]}],"note":"all panels arranged like a cohesive design system presentation board with thin rounded cards and generous margins"},"subject":{"main_character":"stylized 3D rabbit mascot, toy-like proportions, soft sculpted body, off-white material","expressions_or_poses":{"count":13,"items":["standing neutral full-body on left branding card","large writing at desk in hero","small standing beside hero feature row","sitting in armchair holding a cup in profile section","with laptop in process step 1","presenting board in process step 2","working at desk in process step 3","using laptop in process step 4","at laptop in process step 5","small full-body pose 1 in iconography row","small full-body pose 2 in iconography row","small full-body pose 3 in iconography row","large seated rabbit with mug at bottom right"]}},"scene_details":{"hero_scene":"sunlit wooden desk by a window, open notebook, feather pen, tiny ink bottle, soft plant leaves entering from the right, calm morning light","cards":"portfolio thumbnails include laptop on desk, elegant fashion/editorial booklet, smartphone UI mockup, cereal magazine cover with rabbit"},"typography":{"headline":"{argument name=\"headline text\" default=\"つくることを、静かに研ぎ澄ます。\"}","body_language":"Japanese","font_mood":"refined modern serif for headline paired with clean sans-serif UI text"},"ui":{"components_count":9,"components":["primary pill button dark slate","secondary pill button light outline","tag pills","navigation bar","rounded icon buttons","content cards","smartphone frame","pagination dots","social icons"]},"materials":{"surfaces":["matte plastic rabbit","light walnut wood","cream paper","soft fabric chair","glass and ceramic accents"]},"lighting":"soft diffused daylight, gentle highlights, minimal contrast, warm beige reflections","camera":"straight-on full board view, slightly elevated, crisp editorial product shot","quality":"high-end dribbble/behance presentation, immaculate alignment, realistic 3D rendering blended with UI mockup design","customization":{"accent color":"{argument name=\"accent color\" default=\"warm beige and slate blue\"}","mascot animal":"{argument name=\"mascot animal\" default=\"rabbit\"}","language":"{argument name=\"language\" default=\"Japanese\"}"}}
더 많은 프롬프트 탐색
카테고리별 AI 이미지·영상 프롬프트를 더 찾아보세요.