이미지 프롬프트

Iridescent Butterfly UI/UX 디자인 시스템

나비 날개의 무지갯빛에서 영감을 받은 컬러 팔레트, 타이포그래피, 모바일 화면 및 웹 미리보기를 포함한 포괄적인 다크 모드 UI/UX 디자인 시스템 보드를 생성합니다.

프롬프트

{ "type": "UI/UX 디자인 시스템 프레젠테이션 보드", "theme": "다크 모드, 자연에서 영감을 받은, 빛나는 무지갯빛 미학", "header": { "title": "자연에서 영감을 받은 UI\nBUTTERFLY IRIDESCENCE\nUI/UX 디자인 시스템", "description": "나비 날개에서 영감을 받아 구조색의 무지갯빛 광택과 깊은 푸른색을 인터페이스 디자인에 녹여내어, 가볍고 생동감 넘치며 활기찬 디지털 경험을 창조합니다.", "hero_image": "크고 정교하며 빛나는 파란색과 보라색의 무지갯빛 나비 날개" }, "layout": { "sections": [ { "title": "영감 (INSPIRATION)", "count": 4, "description": "무지갯빛 나비 날개와 빛의 굴절을 클로즈업한 정사각형 썸네일" }, { "title": "키워드 (KEYWORDS)", "count": 5, "labels": ["무지갯빛", "생동감", "가벼움", "깊이감", "자연"] }, { "title": "컬러 시스템 (COLOR SYSTEM)", "subsections": [ { "title": "기본 (PRIMARY)", "count": 3, "labels": ["모르포 블루 #1E5BFF", "무지갯빛 퍼플 #7A5CFF", "스카이 글로우 #00E6FF"] }, { "title": "중립 (NEUTRAL)", "count": 3, "labels": ["미드나잇 #0B0F19", "소프트 네이비 #141A2E", "펄 #F3F6FC"] }, { "title": "액센트 & 그라데이션 (ACCENT & GRADIENT)", "count": 2, "labels": ["레인보우 쉰", "버터플라이 글로우"] } ] }, { "title": "타이포그래피 (TYPOGRAPHY)", "content": "Aa Poppins Light / Regular / Medium / SemiBold" }, { "title": "앱 스토어 아이콘 (APP STORE ICON)", "count": 1, "text": "앱 이름 Winglet 가볍게. 생동감 있게. 아름답게." }, { "title": "UI 컴포넌트 (UI COMPONENTS)", "subsections": [ { "title": "버튼 (BUTTONS)", "count": 6, "labels": ["기본", "보조", "글래스", "하트 아이콘", "빛나는 구 아이콘", "토글 스위치"] }, { "title": "기타 요소 (OTHER ELEMENTS)", "count": 5, "labels": ["검색 바", "태그 (New)", "진행률 표시줄 (72%)", "카드 (블루 모르포)", "슬라이더"] } ] }, { "title": "모바일 UI (MOBILE UI)", "count": 3, "screens": ["탐색 화면", "큰 나비 날개가 있는 투데이 화면", "파형이 있는 오디오 플레이어 화면"] }, { "title": "웹 디자인 미리보기 (WEB DESIGN PREVIEW)", "count": 1, "details": "데스크톱 브라우저 목업, 'LIGHT IS ALIVE' 헤드라인과 '지금 탐색하기' 버튼이 포함된 히어로 섹션" }, { "title": "비주얼 배경 (VISUAL BACKGROUNDS)", "count": 4, "description": "추상적인 무지갯빛 물결을 보여주는 직사각형 썸네일" } ], "footer": "자연과 함께 디자인하고, 경험을 위해 만들었습니다." } }