모든 요소에 일관되게 사용되는 전환체 세리프 · 400 웨이트를 기본 및 유일한 관찰된 웨이트로 사용 · 기본적인 가독성을 위한 16px 기본 크기
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
표준 4px 기본 그리드
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 8px
lg · 12px
pill · 999px
단색 1px 검정 테두리
06
레이아웃
1280container
12columns
24pxgutter
768 / 1024breakpoints
표준 중앙 정렬 콘텐츠 컬럼
07
모션과 인터랙션
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
CSS transition: all · 부드러운 상태 변화
미묘한 시각적 상태 변화 · 즉각적인 반응
08
컴포넌트
button표준 텍스트 또는 테두리 버튼
card깔끔한 테두리 컨테이너
chip미니멀 인라인 태그
input표준 테두리 입력 필드
hero타이포그래피 중심의 소개 섹션
09
보이스와 금지 목록
톤전문적이고, 직접적이며, 효율적인
헤드라인장식 없이 명료하고 기능적인
CTA행동 지향적이고 두드러진
컬러 악센트를 사용하지 마십시오 — 스크린샷은 엄격한 흑백 팔레트를 보여줍니다
산세리프 폰트를 사용하지 마십시오 — 스크린샷은 전환체 세리프 타이포그래피를 보여줍니다
장식적인 그림자를 사용하지 마십시오 — 스크린샷은 엘리베이션이 없는 플랫 디자인을 보여줍니다
모든 것에 둥근 모서리를 사용하지 마십시오 — 스크린샷은 날카로운 기하학적 형태를 보여줍니다
그라데이션 배경을 사용하지 마십시오 — 스크린샷은 단색 흰색 배경을 보여줍니다
복잡한 레이아웃을 사용하지 마십시오 — 스크린샷은 단순하고 집중된 콘텐츠 컬럼을 보여줍니다
피하기: 장난스럽거나 캐주얼한 언어
피하기: 지나치게 복잡한 전문 용어
피하기: 불필요한 장식
11
System Prompt
Height는 전통적인 프로젝트 관리 도구에 대한 깔끔하고 효율적인 대안으로 자리 잡은 AI 네이티브 태스크 관리 플랫폼입니다. 시각적 디자인은 흰색(#FFFFFF) 위에 순수 검정(#000000)을 사용하는 고대비 단색 팔레트에 엄격하게 의존하며, 눈에 띄는 악센트 색상은 없습니다. 타이포그래피는 일반적인 SaaS 산세리프 대신 16px 크기, 400 웨이트의 전환체 세리프 폰트 카테고리를 사용합니다. 핵심 디자인 제약 조건에는: 컬러 악센트나 그라데이션 절대 금지, 산세리프 타이포그래피 금지, 장식적인 그림자나 둥근 모서리 금지가 포함됩니다. 모든 상호작용을 'transition: all'로 부드럽게 유지하고 전체적으로 날카롭고 기하학적인 테두리를 유지하십시오.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
