텍스트는 반드시 전이형 세리프 서체로 설정합니다. · 자간은 일관되게 400으로 유지합니다. · 텍스트 크기는 고정 16px입니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
깔끔하고 표준적인 수직 리듬.
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 0px
단순하고 단색의 1px 검정 테두리.
06
레이아웃
1280container
12columns
24pxgutter
768 / 1024breakpoints
표준적이고 전체 폭의 기업형 레이아웃.
07
모션과 인터랙션
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
상태 변화를 위한 미묘한 페이드 및 트랜지션.
텍스트 링크의 밑줄 또는 불투명도 변경. · 표준 시스템 피드백.
08
컴포넌트
button단순한 텍스트 링크 또는 표준 시스템 버튼.
card얇은 테두리로 정의된 콘텐츠 블록.
input검정 테두리가 있는 표준 시스템 입력 필드.
hero최소한의 텍스트와 브랜드 마크가 있는 넓고 깔끔한 영역.
09
보이스와 금지 목록
톤권위 있고 명확하며 중립적.
헤드라인직설적이고 단정적인.
CTA명확하고 실행 가능한 텍스트 링크.
산세리프 서체를 사용하지 마십시오 — 스크린샷 대신 전이형 세리프 서체를 보여줍니다.
색상 배경을 사용하지 마십시오 — 스크린샷 대신 순수 흰색 배경을 보여줍니다.
드롭 섀도우를 사용하지 마십시오 — 스크린샷 대신 테두리로 정의된 플랫 요소를 보여줍니다.
둥근 모서리를 사용하지 마십시오 — 스크린샷 대신 날카로운 0px 모서리를 보여줍니다.
강렬한 액센트 컬러를 사용하지 마십시오 — 스크린샷 대신 철저히 단색 팔레트를 보여줍니다.
무거운 폰트 웨이트를 사용하지 마십시오 — 스크린샷 대신 일관된 400 웨이트를 보여줍니다.
피하기: 은어
피하기: 지나치게 캐주얼한 표현
피하기: 애매한 문구
11
System Prompt
글로벌 금융 유틸리티를 위한 깔끔하고 권위적이며 중립적인 인터페이스를 디자인합니다. 엄격한 단색 팔레트를 사용합니다: #ffffff 배경 위에 #000000 잉크. 타이포그래피는 전이형 세리프 카테고리로 설정하며, 16px에 400 웨이트입니다. 레이아웃은 넓고 격자 기반입니다. 색상 액센트, 둥근 모서리, 드롭 섀도우를 사용하지 마십시오. 최대한의 명확성과 신뢰를 목표로 합니다.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
