무지개빛 나비 UI/UX 디자인 시스템

{ "type": "UI/UX 디자인 시스템 데모 프로젝트", "theme": "다크 모드, 자연에서 영감을 받은, 빛나는 무지개빛 미학", "header": { "title": "자연에서 영감을 받은 UI{argument name=\"시스템 제목\" default=\"나비 무지개\"} UI/UX 디자인 시스템", "description": "{argument name=\"중국어 설명\" default=\"나비 날개에서 영감을 받아 구조적 색상의 무지개빛 광택과 짙은 파란색을 결합하여 가볍고 역동적이며 생동감 넘치는 디지털 경험을 만들어냅니다.\"}", "hero_image": "크고 매우 정교하며 빛나는 청자색 무지개빛 나비 날개" }, "layout": { "sections": [ { "title": "디자인 영감", "count": 4, "description": "무지개빛 나비 날개와 빛의 굴절을 클로즈업한 정사각형 썸네일." } ] } ] } ] } }, { "title": "키워드", "count": 5, "labels": [ "iris", "Agile", "Light", "Profound", "nature" ] }, { "title": "색상 시스템", "subsections": [ { "title": "메인 색상", "count": 3, "labels": [ "Morpho Blue #1E5BFF", "Rainbow Purple #7A5CFF", "Skylight #00E6FF" ] }, { "title": "중성 색상", "count": 3, "labels": [ "Midnight Black #0B0F19", "Soft Navy Blue #141A2E", "Pearl White #F3F6FC" ] }, { "title": "색상 및 그라데이션 강조", "count": 2, "labels": [ "Rainbow gloss", "Butterfly Light" ] } ] }, { "title": "typesetting", "content": "Aa Poppins Light / Regular / Medium / SemiBold" }, { "title": "앱 아이콘", "count": 1, "text": "애플리케이션 이름{인수 name=\"앱 이름\" 기본값=\"Winglet\"} 가볍고, 민첩하고, 우아합니다." }, { "title": "UI 구성 요소", "하위 섹션": [ { "title": "버튼", "개수": 6, "레이블": [ "메인 버튼", "보조 버튼", "유리 질감", "하트 아이콘", "빛나는 구체 아이콘", "스위치" ] }, { "title": "기타 요소", "개수": 5, "레이블": [ "검색창", "태그(새로 만들기)", "진행률 표시줄(72%)", "카드(파란색 모프)", "슬라이더" ] } ] }, { "title": "모바일 UI", "개수": 3, "화면": [ "탐색 페이지", "큰 나비 날개가 있는 오늘의 페이지", "파형 그래프가 있는 오디오 재생 페이지" ] }, { "title": "웹 디자인 미리보기", "개수": 1, "세부 정보": "데스크톱 브라우저 모델, 첫 화면 영역" '{argument name=\"web hero headline\" default=\"Life of Light\"} ' 및 '지금 탐색' 버튼이 포함되어 있습니다. }, { "title": "시각적 배경", "count": 4, "description": "추상적인 무지개빛 물결을 보여주는 직사각형 썸네일" } ], "footer": "자연을 염두에 두고 디자인되었으며, 경험을 위해 탄생했습니다." } }