제목 및 버튼 텍스트에 굵은 두께 사용 · compact 기능적 텍스트를 위해 타이트한 행간 유지 · 가독성을 위한 표준 자간 유지
04
여백
4px
8px
16px
24px
32px
48px
64px
기능적 간격을 위한 표준 8px 기본 그리드
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 8px
lg · 12px
pill · 999px
카드 및 버튼 윤곽선을 위한 1px solid rgba(0,0,0,0.15)
06
레이아웃
1000container
1columns
24pxgutter
768breakpoints
카드 모듈이 겹쳐 배치된 중앙 정렬 단일 열 레이아웃
07
모션과 인터랙션
0msmicro
0mssmall
0msmedium
lineareasing
스크린샷에 눈에 띄는 hover 상태 없음 · 길게 누르기 버튼 상호작용 필요
08
컴포넌트
button대문자 텍스트와 단색 검정 채우기 변형이 포함된 큰 둥근 윤곽선 버튼
card미세한 테두리와 넉넉한 패딩이 있는 흰색 직사각형 카드
input밝은 배경에 모노스페이스 폰트로 표시된 레퍼런스 ID
hero길게 누르기 상호작용 버튼이 포함된 경고 메시지 카드
09
보이스와 금지 목록
톤권위 있고 직접적인
헤드라인보안에 대한 대담하고 선언적인_statement
CTA대문자로 작성된 행동 지향적 텍스트
색상 강조를 사용하지 마세요 — 스크린샷은 엄격한 단색 디자인을 보여줍니다
장식적 그래픽을 추가하지 마세요 — 스크린샷은 순수하게 기능적인 레이아웃을 보여줍니다
강한 그림자가 있는 둥근 카드를 사용하지 마세요 — 스크린샷은 미세한 테두리를 보여줍니다
장난스러운 상호작용을 만들지 마세요 — 스크린샷은 진지한 길게 누르기 인증을 보여줍니다
세리프 타이포그래피를 사용하지 마세요 — 스크린샷은 전체적으로 산세리프를 보여줍니다
그라데이션을 추가하지 마세요 — 스크린샷은 평면 단색만 사용합니다
피하기: 친근하거나 캐주얼한 언어
피하기: 장식적 요소
피하기: 불명확한 지침
11
System Prompt
엄격한 단색 디자인의 블룸버그 보안 중간 페이지입니다. 프리미엄 금융 뉴스 플랫폼의 기능적 인증으로 포지셔닝됩니다. 검정, 흰색, 회색 hex 값(#1a1a1a, #ffffff, #f2f2f2)만 사용합니다. 타이포그래피는 계층 구조를 위해 굵은 두께가 있는 깔끔한 grotesque-sans입니다. 중요한 금지 사항: 색상 강조 없음, 장식적 요소 없음, 장난스러운 상호작용 없음. 이는 보안 시나리오를 위한 블룸버그의 기능적 디자인 언어를 대표합니다.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
