미니멀리즘 예술 스타일의 [아스파라거스] 백과사전식 정보 카드, 박물관 전시 수준의 디자인 품질, 정보는 풍부하지만 시각적으로 절제됨【전체 구도 - 황금분할 레이아웃】 - 화면 비율: 2:3 세로 또는 3:4 정사각형 - 세 가지 시각 영역: * 상단 전시 영역 (30%): 대형 식재료 사진 + 우아한 제목 타이포그래피 * 중앙 정보 영역 (60%): 다단계 정보 모듈 그리드 시스템 * 하단 주석 영역 (10%): 출처 표기 + 디자인 세부 정보【상단 전시 영역 - 시각적 초점】 • 식재료 이름: 매우 큰 글자 크기, 가는 선/명조체, 자간 넓힘 • 라틴 학명: 작은 글자 크기 이탤릭체, 회색 톤 • 식재료 분류 태그: 미니멀리즘 캡슐 모양 태그 • 주 이미지: 배경 제거된 식재료 클로즈업, 스튜디오 조명, 미세한 그림자 • 원산지 소형 지도 일러스트 • 제철 시간표 선 그래프【중앙 핵심 정보 영역 - 9가지 모듈】 1. 영양 성분 상세 분석 - 원형 차트: 칼로리, 단백질, 탄수화물, 지방 비율 - 막대 그래프: 비타민 A/C/E/K 함량 비교 - 미네랄 미량 원소 목록 (칼슘, 철, 아연 등) - 100g당 정확한 영양 데이터 표기 - GI 값 (혈당 지수) 시각화 눈금자 2. 건강 효능 지도 - 인체 윤곽선 아이콘으로 수혜 부위 표시 - 5-6가지 주요 효능 아이콘화 전시 - 효능 강도 등급 표시 (⭐⭐⭐⭐⭐) - 과학 연구 출처 작은 표기 3. 요리법 매트릭스 - 8-10가지 요리 방식 아이콘 그리드 - 각 방식별 최적 온도/시간 매개변수 - 영양 보존율 백분율 표시 - 추천 지수 별점 평가 - 난이도 등급 색상 표시 4. 사계절 섭취 가이드 - 원형 시간 회전판 디자인 - 최적 섭취 월 표기 - 계절별 효능 변화 설명 - 제철 조합 제안 5. 황금 조합 매트릭스 - 9칸 그리드 조합 식재료 작은 아이콘 - 조합 이유 간략 표기 - 시너지 효과/상극 경고 - 고전 요리 레시피 예시 - 영양 상호 보완 관계 연결선 그래프 6. 적합한 대상 프로필 - 대상 아이콘 (어린이/임산부/노인/운동선수 등) - 추천 정도 색상 코딩 - 특수 대상 복용량 제안 - 연령대 분류 가이드 7. 금기 사항 및 주의사항 - 빨간색 경고 상자 디자인 - 부적합 대상 명확히 나열 - 알레르기 유발 물질 표시 - 약물 상호작용 알림 - 최대 섭취량 경고선 8. 구매 및 보관 가이드 - 신선도 판단 요점 (색상/촉감/냄새) - 품질 등급 구분 도표 - 최적 보관 온도/습도 데이터 - 보존 기간 타임라인 - 냉장/냉동/상온 아이콘 가이드 9. 재미있는 지식 확장 - 역사 이야기 (기원/전설) - 세계 각지의 별명 - 연간 생산량 데이터 시각화 - 유기농/GMO 표시 설명 - 지속가능성 등급【시각 시스템 - 미니멀리즘 예술 미학】색상 구성: - 주색: 식재료 자체의 자연 색상 추출 - 보조색: 대지 계열 색상 (미색/오트밀/아마/흑연 회색) - 강조색: 1-2가지 고순도 색상 절제하여 사용 - 배경: 순백색 또는 매우 연한 회색 (#FAFAFA) - 텍스트: 순수한 검정색이 아닌 진한 회색 (#2C2C2C) 폰트 시스템: - 제목: 초가는 선의 산세리프 폰트 (Helvetica Neue UltraLight) - 본문: 현대적인 기하학적 폰트 (DIN/Futura) - 데이터: 등폭 폰트 (Roboto Mono) - 한국어: 본고딕 Light/Noto Sans KR Light/윤명조 - 글자 크기 계층: 6단계 글자 크기 시스템 (48/32/24/16/12/10pt) 아이콘 시스템: - 통일된 2pt 선 굵기 - 일관된 둥근 모서리 (2px) - 24x24px 그리드 정렬 - stroke 우선, fill 비우기 - 여백 활용레이아웃 시스템: - 12열 그리드 시스템 - 8pt 기준 그리드 정렬 - 모듈 간 간격: 24pt/32pt/48pt - 여백: 페이지 여백 48pt부터 - 카드 둥근 모서리: 8-12px - 미묘한 분할선: 0.5pt, 15% 투명도질감 세부 정보: - 미세 그라데이션 배경 (3-5% 색상 값 변화) - 부드러운 그림자 (0 4px 24px rgba(0,0,0,0.04)) - 무광 유리 효과 (backdrop-filter: blur(20px)) - 요소 간 미묘한 높이 차이 (고도 시스템) - 데이터 영역 연한 색상 채우기 (5% 투명도) 【정보 시각화 원칙】 - 데이터 차트: Edward Tufte의 간결한 데이터 잉크 원칙 - 불필요한 장식 제거 - 차트 그리드 선 매우 연하게 (10% 투명도) - 데이터 포인트 정확하게 표시 - 추세선 부드럽고 자연스럽게【숨 쉬는 공간 조성】 - 모듈 간 여백 ≥ 모듈 내용 너비의 25% - 텍스트 행간 1.6-1.8배 - 단락 간 간격 ≥ 2줄 높이 - 이미지-텍스트 조합 여백 규칙스타일 키워드: 스위스 국제주의 그래픽 디자인, 일본 와비사비 미학, 바우하우스 기능주의, 스칸디나비아 미니멀리즘, Dieter Rams 디자인 철학, 무인양품 시각 언어, Kinfolk 잡지 미학, 애플 제품 디자인 언어, Google Material Design 정수
