헤드라인에는 타이트한 자간을 사용합니다. · 가독성을 위해 높은 대비를 유지합니다. · 일관성을 위해 균일한 폰트 두께를 사용합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
여백을 강조하기 위해 수직 및 수평 방향으로 넉넉한 간격을 둡니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 999px
보이는 테두리가 없습니다.
06
레이아웃
1440container
12columns
24pxgutter
768 / 1024breakpoints
여백이 넉넉하고 눈에 보이는 그리드 라인이 없는 4열 헤더 레이아웃입니다.
07
모션과 인터랙션
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
정적 스크린샷에서 보이는 모션이 없습니다.
링크에 미묘한 색상이나 불투명도 변화가 있을 가능성이 높습니다. · 표준 탐색 동작입니다.
08
컴포넌트
hero왼쪽 정렬된 타이포그래피가 있는 텍스트 전용 히어로 섹션입니다.
09
보이스와 금지 목록
톤직설적이고 전문적이며 절제된 어조입니다.
헤드라인굵고 간결하며 정보 전달에 초점을 둔 스타일입니다.
CTA단순한 텍스트 링크로, 버튼을 사용하지 않습니다.
색상 강조를 사용하지 마세요. 스크린샷은 엄격한 단색 팔레트를 보여줍니다.
장식적인 테두리나 그림자를 사용하지 마세요. 스크린샷은 테두리와 그림자가 없는 레이아웃을 보여줍니다.
복잡한 UI 컴포넌트를 사용하지 마세요. 스크린샷은 텍스트와 링크만 보여줍니다.
중앙 정렬 레이아웃을 사용하지 마세요. 스크린샷은 왼쪽 정렬된 텍스트 구조를 보여줍니다.
요소에 둥근 모서리를 사용하지 마세요. 스크린샷은 엄격하게 직사각형적인 미적 감각을 보여줍니다.
이미지나 일러스트레이션을 사용하지 마세요. 스크린샷은 텍스트만 있는 인터페이스를 보여줍니다.
피하기: 장식적인 언어
피하기: 이모지
피하기: 프로모션 톤
11
System Prompt
이것은 디자이너이자 크리에이티브 코더를 위한 미니멀리즘 개인 포트폴리오 사이트입니다. 순수한 검은색 배경(#000000)과 흰색(#FFFFFF) 텍스트로 엄격한 단색 팔레트를 사용합니다. 타이포그래피는 깔끔한 그로테스크 sans-serif 카테고리로, 헤드라인과 본문 텍스트 모두에 사용됩니다. 레이아웃은 극도로 미니멀하며, 헤더 구조에서 왼쪽 정렬된 텍스트와 많은 양의 검은색 공간을 가집니다. 핵심 주의 사항: 1. 색상 강조를 도입하지 마세요; 2. 둥근 모서리나 그림자를 사용하지 마세요; 3. 텍스트 내용을 중앙에 정렬하지 마세요; 4. 이미지나 일러스트레이션을 추가하지 마세요. 이 사이트는 순전히 타이포그래피와 정보 전달에 중점을 둡니다.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
