Butterfly Iridescence Design
生成一个全面的深色模式 UI/UX 设计系统项目，包含飞行灵感美学、配色方案、排版和界面模型。
{
"type": "UI/UX Design System Concept Board",
"theme": "Aviation and flight interface",
"overall_style": "Dark mode, sleek, modern, technical, futuristic, glassmorphism",
"layout": {
"top_left": {
"section": "DESIGN STYLE",
"title": "{argument name=\"main title\" default=\"AERIAL INTERFACE\"}",
"subtitle": "{argument name=\"subtitle\" default=\"空域界面\"}",
"description": "Introductory paragraph about aerial interface design",
"principles": {
"count": 4,
"labels": ["SENSE OF CONTROL", "MINIMAL & PURE", "DATA AESTEETICS", "IMMERSIVE EXPERIENCE"]
}
},
"top_center": {
"imagery": "Top-down view of a commercial airplane flying upwards, leaving twin white contrails against a dark background",
"text": ["FLIGHT AS INTERFACE.", "Your Ideas. Our Altitude."],
"metrics": ["STATUS CRUISING", "DESTINATION CREATE", "ETA ∞"]
},
"top_right": {
"section": "UI Widget",
"imagery": "Rounded rectangular panel showing an airplane wing over clouds at sunset",
"data_points": ["11:34", "1975 PEOPLE ONBOARD", "FLIGHT DATA {argument name=\"destination\" default=\"OKINAWA\"}", "ALTITUDE 35,000 FT", "SPEED 552 KTS"],
"tabs": {
"count": 3,
"labels": ["MAP", "DATAVIEW", "SYSTEM"]
}
},
"bottom_left": {
"section": "COLOR PALETTE",
"swatches": {
"count": 3,
"labels": ["#05070A", "#0B1220", "#E6F0FF"]
}
},
"bottom_mid_left": {
"section": "TYPOGRAPHY",
"fonts": {
"count": 2,
"labels": ["{argument name=\"primary font\" default=\"INTER\"}", "{argument name=\"secondary font\" default=\"JETBRAINS MONO\"}"]
}
},
"bottom_mid_right": {
"section": "MATERIAL",
"examples": {
"count": 2,
"labels": ["GLASS (frosted rectangle)", "METAL (dark sphere)"]
}
},
"bottom_right": {
"section": "MOTION",
"concepts": {
"count": 3,
"labels": ["Airplane taking off", "Radar focus circle", "Glowing flight streak"]
}
},
"footer": {
"text": "DESIGN ESSENCE: Not just designing an interface, but creating a flight experience."
}
}
} {
"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."
}
} {
"type": "UI/UX 设计系统概念项目",
"theme": "航空与飞行界面",
"overall_style": "深色模式，时尚，现代，技术感，未来感，玻璃拟态",
"layout": {
"top_left": {
"section": "设计风格",
"title": "{argument name=\"main title\" default=\"AERIAL INTERFACE\"}",
"subtitle": "{argument name=\"subtitle\" default=\"空域界面\"}",
"description": "关于空域界面设计的介绍性段落",
"principles": {
"count": 4,
"labels": ["掌控感", "极简纯粹", "数据美学", "沉浸式体验"]
}
},
"top_center": {
"imagery": "商用飞机向上飞行的俯视图，在深色背景下留出两条白色尾迹",
"text": ["飞行即界面。", "你的创意，我们的高度。"],
"metrics": ["状态：巡航中", "目的地：创作", "预计到达时间：∞"]
},
"top_right": {
"section": "UI 组件",
"imagery": "圆角矩形面板，展示日落时分云层上的飞机机翼",
"data_points": ["11:34", "1975 人在机上", "飞行数据 {argument name=\"destination\" default=\"冲绳\"}", "高度 35,000 英尺", "速度 552 节"],
"tabs": {
"count": 3,
"labels": ["地图", "数据视图", "系统"]
}
},
"bottom_left": {
"section": "配色方案",
"swatches": {
"count": 3,
"labels": ["#05070A", "#0B1220", "#E6F0FF"]
}
},
"bottom_mid_left": {
"section": "排版",
"fonts": {
"count": 2,
"labels": ["{argument name=\"primary font\" default=\"INTER\"}", "{argument name=\"secondary font\" default=\"JETBRAINS MONO\"}"]
}
},
"bottom_mid_right": {
"section": "材质",
"examples": {
"count": 2,
"labels": ["玻璃（磨砂矩形）", "金属（深色球体）"]
}
},
"bottom_right": {
"section": "动效",
"concepts": {
"count": 3,
"labels": ["飞机起飞", "雷达聚焦圆环", "发光的飞行轨迹"]
}
},
"footer": {
"text": "设计精髓：不仅是设计一个界面，更是创造一种飞行体验。"
}
}
} {
"type": "UI/UX 디자인 시스템 프레젠테이션 보드",
"theme": "어두운 모드, 자연에서 영감을 받은, 빛나는 무지개 미학",
"header": {
"title": "자연에서 영감을 받은 UI\n{argument name=\"system title\" default=\"나비의 무지개\"}\nUI/UX 디자인 시스템",
"description": "{argument name=\"chinese description\" default=\"나비의 날개에서 영감을 얻어 구조색의 무지개 광택과 깊은 파란색을 인터페이스 디자인에 통합하여 가볍고, 생동감 있으며, 생명력 넘치는 디지털 경험을 창조합니다.\"}",
"hero_image": "대형, 고세부, 빛나는 파란색과 보라색의 무지개 나비 날개"
},
"layout": {
"sections": [
{
"title": "영감",
"count": 4,
"description": "무지개 나비 날개와 빛의 굴절을 보여주는 정사각형 썸네일"
},
{
"title": "키워드",
"count": 5,
"labels": ["무지개", "생동감", "가벼움", "깊음", "자연"]
},
{
"title": "색상 시스템",
"subsections": [
{ "title": "주 색상", "count": 3, "labels": ["모르포 블루 #1E5BFF", "무지개 보라 #7A5CFF", "하늘 빛 #00E6FF"] },
{ "title": "중립 색상", "count": 3, "labels": ["미드나잇 #0B0F19", "부드러운 네이비 #141A2E", "진주 #F3F6FC"] },
{ "title": "강조 및 그라데이션", "count": 2, "labels": ["무지개 광택", "나비의 빛"] }
]
},
{
"title": "타이포그래피",
"content": "Aa Poppins Light / Regular / Medium / SemiBold"
},
{
"title": "앱 스토어 아이콘",
"count": 1,
"text": "앱 이름 {argument name=\"app name\" default=\"Winglet\"} 가볍고. 생동감 있고. 아름답습니다."
},
{
"title": "UI 구성 요소",
"subsections": [
{ "title": "버튼", "count": 6, "labels": ["주 버튼", "부 버튼", "유리", "하트 아이콘", "빛나는 구체 아이콘", "토글 스위치"] },
{ "title": "기타 요소", "count": 5, "labels": ["검색 바", "태그 (New)", "진행 바 (72%)", "카드 (Blue Morph)", "슬라이더"] }
]
},
{
"title": "모바일 UI",
"count": 3,
"screens": ["탐색 화면", "대형 나비 날개가 있는 오늘 화면", "파형이 있는 오디오 플레이어 화면"]
},
{
"title": "웹 디자인 미리보기",
"count": 1,
"details": "데스크탑 브라우저 모형, 히어로 섹션에 '{argument name=\"web hero headline\" default=\"빛은 살아있다\"}'와 '지금 탐색' 버튼이 포함되어 있습니다."
},
{
"title": "비주얼 배경",
"count": 4,
"description": "추상적인 무지개 파동을 보여주는 직사각형 썸네일"
}
],
"footer": "자연에서 영감을 받은 디자인, 경험을 위해 만들어졌습니다."
}
}