이미지 프롬프트

Cosmic Dark Mode UI 디자인 시스템

색상 팔레트, 타이포그래피, 우주 테마 컴포넌트를 포함한 포괄적인 다크 모드 UI 디자인 시스템을 생성합니다.

프롬프트

{ "type": "UI 디자인 시스템", "theme": "다크 모드, 우주 테마, 은은한 발광 효과", "header": { "label": "DESIGN SYSTEM", "title": "COSMIC GRAVITY", "subtitle": "우주에서 영감을 받은 디자인 언어." }, "layout": { "left_column": [ { "title": "COLOR", "count": 7, "items": [ {"name": "Cosmic Black", "hex": "#050507"}, {"name": "Deep Space", "hex": "#0E0F14"}, {"name": "Soft White", "hex": "#F5F6F8"}, {"name": "Stardust Gold", "hex": "#F5D28A"}, {"name": "Night Purple", "hex": "#1A1C2A"}, {"name": "Dusk Blue", "hex": "#0F1B2A"}, {"name": "Nebula Teal", "hex": "#0E1F22"} ] }, { "title": "GRADIENT", "count": 1, "description": "어두움에서 밝음으로, 다시 어두움으로 이어지는 우주적 발광 효과의 가로 바" }, { "title": "TYPOGRAPHY", "font": "Space Grotesk", "hierarchy_count": 4, "levels": ["H1 Cosmic Light", "H2 Explore More", "Body Celestial Text", "Caption Orbit Info"] } ], "main_column": [ { "title": "UI COMPONENTS", "subsections": [ {"title": "BUTTON", "count": 3, "labels": ["EXPLORE (기본)", "CANCEL (보조)", "MORE (고스트)"]}, {"title": "SLIDER", "count": 1, "value": "72%"}, {"title": "TOGGLE", "count": 2, "states": ["꺼짐", "켜짐"]}, {"title": "TAGS", "count": 3, "labels": ["BLACK HOLE", "JUPITER", "ORBIT"]} ] }, { "title": "CARDS", "count": 3, "items": [ {"title": "JUPITER", "subtitle": "ORBIT ARCHIVE", "image": "목성 행성"}, {"title": "BLACK HOLE", "subtitle": "COSMIC EVENT", "image": "강착 원반이 있는 블랙홀"}, {"title": "DISTANCE", "value": "7억 7,830만 km", "image": "동심원 궤도 고리"} ] }, { "title": "DATA DISPLAY", "count": 3, "items": [ {"title": "ENERGY", "type": "원형 진행률 링", "value": "87%"}, {"title": "SIGNAL STRENGTH", "type": "발광 노드가 포함된 선 그래프", "value": "42.6 dB"}, {"title": "COSMIC NOISE", "type": "오디오 플레이어 UI"} ] }, { "title": "ICON", "count": 7, "labels": ["홈", "행성", "반짝임", "신호", "폴더", "하트", "사용자"] } ], "bottom_row": [ { "title": "VISUAL ELEMENTS", "count": 5, "labels": ["블랙홀", "중력 고리", "은은한 빛", "성운 먼지", "유리 표면"] } ] } }