이미지 프롬프트

라이트 모드 UI 디자인 시스템 보드

색상 팔레트, 타이포그래피, 컴포넌트 및 반응형 목업을 포함하여 미래지향적이고 영롱한 무지갯빛 미학을 담은 포괄적인 UI 디자인 시스템 프레젠테이션을 생성합니다.

프롬프트

{ "type": "UI 디자인 시스템 프레젠테이션 보드", "theme": "광학 및 빛의 굴절", "overall_aesthetic": "깔끔한 화이트 배경, 라이트 모드, 미래지향적, 프리미엄, 영롱한 무지갯빛, 파스텔 오렌지, 옐로우, 시안, 퍼플, 핑크 포인트 색상 활용", "header": { "title": "LIGHTCORE PRISM", "subtitle": "UI 디자인 시스템 - 라이트 모드", "tags": ["미래지향적", "프리미엄", "집중"], "hero_graphic": "영롱한 빛을 굴절시키는 3D 투명 유리 링" }, "layout": { "sections": [ { "title": "색상", "count": 5, "labels": ["화이트 #FFFFFF", "스노우 #FAFAFC", "슬레이트 #F2F4F8", "테두리 #E6E8EF", "블랙 #0A0A0C"], "description": "둥근 사각형 형태의 5가지 솔리드 컬러 스와치" }, { "title": "프리즘 그라데이션", "count": 1, "description": "하단에 5개의 16진수 코드가 포함된 긴 가로형 그라데이션 바 1개" }, { "title": "타이포그래피", "description": "4가지 폰트 굵기(Light, Regular, Medium, Semibold)와 전체 알파벳/숫자가 나열된 대형 'Aa'" }, { "title": "아이콘", "count": 12, "description": "2x6 그리드로 배열된 12개의 미니멀한 라인 아트 아이콘" }, { "title": "버튼", "count": 8, "categories": ["기본", "보조", "텍스트", "아이콘"], "description": "각 카테고리별 일반 및 비활성 상태를 보여주는 총 8개의 버튼. 기본 버튼은 영롱한 테두리와 시작하기 텍스트가 특징입니다." }, { "title": "내비게이션", "count": 2, "variants": ["데스크톱", "모바일"], "description": "데스크톱 내비게이션은 로고, 4개의 텍스트 링크, 검색, 로그인, 버튼으로 구성. 모바일 내비게이션은 로고, 검색, 햄버거 메뉴로 구성." }, { "title": "컴포넌트", "count": 6, "items": [ "카드: 추상적인 영롱한 그래픽과 버튼이 포함된 'Photon Engine'", "입력 필드: 검색창 및 라벨이 있는 이메일 입력창", "진행률: 68% 지점의 영롱한 프로그레스 바", "탭: 개요, 분석, 설정", "토글: 스위치 2개(켜짐/꺼짐)", "데이터 시각화: 범례 항목 3개가 포함된 도넛 차트 1개, 7일간의 라인 차트 1개" ] }, { "title": "웹 페이지", "description": "헤더 '빛과 색으로 미래를 설계하세요', 버튼 2개, 흐르는 듯한 3D 영롱한 웨이브 그래픽, 하단에 5개의 파트너 로고가 포함된 데스크톱 브라우저 목업." }, { "title": "모바일 앱", "description": "24,880 달러의 잔액, 라인 차트, 4개의 빠른 작업 아이콘, 3개 항목의 최근 활동 목록, 4개의 아이콘이 있는 하단 내비게이션 바가 표시된 스마트폰 목업." } ] } }