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

{ "type": "UI 디자인 시스템 데모 프로젝트", "theme": "{argument name=\"visual theme\" default=\"광학 과학 및 빛의 굴절\"}", "overall_aesthetic": "깨끗한 흰색 배경, 밝은 색상 모드, 미래지향적이면서도 세련된 느낌; {argument name=\"primary gradient colors\" default=\"무지개빛, 부드러운 오렌지, 노란색, 청록색, 보라색, 분홍색\"} 장식이 특징입니다.", "header": { "title": "{argument name=\"시스템 이름\" default=\"LIGHTCORE PRISM\"}", "subtitle": "UI 디자인 시스템 - 라이트 모드", "tags": [ "미래지향적", "세련된 느낌", "집중" ], "hero_graphic": "무지개빛을 굴절시키는 3D 투명 유리 링" }, "layout": { "sections": [ { { "title": "color", "count": 5, "labels": [ "White #FFFFFF", "Snowy #FAFAFC", "Slate color #F2F4F8", "Border color #E6E8EF", "Black #0A0A0C" ], "description": "둥근 사각형 단색 블록 5개" }, { "title": "Prism Gradient", "count": 1, "description": "아래에 5개의 16진수 색상 코드가 있는 긴 가로 그라디언트 막대." }, { "title": "typesetting", "description": "큰 'Aa' 글꼴이 4가지 굵기(Light, Regular, Medium, Semibold)로 제공되며 전체 알파벳/숫자도 함께 표시됩니다." }, { "title": "icon", "count": 12, "description": "2x6 그리드에 배열된 12개의 미니멀리스트 라인 스타일 아이콘." } }, { "title": "버튼", "count": 8, "categories": [ "main", "secondary", "text", "icon" ], "description": "총 8개의 버튼이 있으며, 각 카테고리의 정상 상태와 비활성화 상태를 표시합니다. 메인 버튼은 무지개 빛깔 테두리와 {argument name=\"primary button text\" default=\"Start using\"} 텍스트를 특징으로 합니다." }, { "title": "탐색", "count": 2, "variants": [ "데스크톱", "모바일" ], "description": "데스크톱 탐색에는 로고, 4개의 텍스트 링크, 검색창, 로그인 버튼, 모바일 탐색 모음이 포함됩니다." } }, { "title": "구성 요소", "count": 6, "items": [ "카드: 추상적인 무지개 그래픽과 버튼이 있는 '포톤 엔진'", "입력 상자: 레이블이 있는 검색창과 이메일 입력 상자", "진행률 표시줄: 68% 무지개 진행률 표시줄", "탭: 개요, 분석, 설정", "스위치: 2개의 스위치(켜기/끄기)", "데이터 시각화: 3개의 범례 항목이 있는 원형 차트와 7일 선 차트" ] }, { "title": "웹 페이지", "description": "데스크톱 브라우저 모델로, 제목은 '{argument name=\"히어로 헤드라인\" default=\"빛과 색으로 미래를 건설합니다\"}'입니다. 디자인에는 두 개의 버튼, 흐르는 듯한 3D 무지개 물결 그래픽, 하단에 5개의 파트너 로고가 포함되어 있습니다." }, { "title": "모바일 애플리케이션", "description": "스마트폰 모델은 24,880달러의 잔액, 선 그래프, 4개의 빠른 실행 아이콘, 3개의 항목이 있는 최근 활동 목록, 그리고 4개의 아이콘이 있는 하단 탐색 모음을 표시합니다." } ] } }