AI 사이트가 다른 AI 사이트처럼 보이지 않도록 하는 디자인 시스템 프롬프트

이 디자인 시스템을 모든 작업에 사용하세요. 정확히 준수하세요. 미학: 부드럽고, 인간적이며, 다가가기 쉽고, 차분함. 따뜻한 톤, 부드럽게 둥근 형태, 환영하는 느낌, 결코 임상적이지 않음. 색상 (이 정확한 값을 CSS 변수로 사용): - 배경: #FBF7F2 (따뜻한 크림, 절대 순수 흰색 아님) - 표면: #FFFFFF - 기본 텍스트: #3A342E (따뜻한 차콜) - 보조 텍스트: #8A8178 - 강조 색: #E07856 (따뜻한 산호색) - 보조 강조 색: #7BA88F (부드러운 세이지 그린) - 테두리: #EDE6DD 타이포그래피: - 제목: "Fraunces" (serif, Google Fonts에서), 굵기 600 - 본문: "Source Sans 3" (Google Fonts에서) - 절대 Inter, Roboto 또는 시스템 글꼴 사용 금지 - 타입 스케일: 14 / 15 / 16 / 22 / 56px, 줄 높이 1.7 간격: 4px 기준. 스케일: 8 / 16 / 22 / 34 / 56px. 넉넉하게, 절대 비좁지 않게. 구성 요소: - 비대칭 히어로: 한쪽에는 안심시키는 카피, 다른 쪽에는 기능적 카드, 중앙 배치 아님 - 모든 것에 둥근 모서리: 카드, 입력란, 태그 (12~24px 반경) - 버튼: 내비게이션용 세이지 그린 알약, 기본 작업용 단색 산호색 - 가는 테두리가 있는 알약 태그 피해야 할 것: 보라색, 그라데이션, 순수 흰색 배경, 날카로운 모서리, 차가운 회색, 임상적인 파란색, Inter 글꼴. 그런 다음 원하는 것을 말하세요. 예를 들어 "위 시스템을 사용하여 마사지 치료사 예약 페이지를 만들어 줘." 첫 번째 빌드 직후에 이 작업을 실행하여 기본값으로의 표류를 잡으세요: 방금 만든 것을 일반적인 AI 디자인 특징이 있는지 감사하세요: 보라색 그라데이션, Inter 또는 Roboto 글꼴, 3열 카드 레이아웃, 아래에 단일 버튼이 있는 중앙 히어로, 대비가 낮은 회색-흰색 텍스트. 발견한 것은 무엇이든 제가 제공한 디자인 시스템에 맞는 선택으로 교체하세요.