타이포그래피는 400 웨이트의 표준 기하학적/그로테스크 산세리프로 설정됩니다. · 줄 간격은 빽빽하고 컴팩트한 텍스트 블록을 만들기 위해 매우 타이트하게 설정합니다. · 장식적 스타일, 이탤릭체, 또는 볼드 웨이트는 사용하지 않으며, 계층은 위치와 밀도를 통해 구현합니다.
04
여백
4px
8px
12px
16px
24px
32px
48px
패딩과 거터에 일관되게 적용되는 4px 기본 단위를 기반으로 한 엄격한 리듬입니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 999px
수직 열을 구분하기 위해 rgba(255, 255, 255, 0.4)를 사용하는 1px 실선입니다.
06
레이아웃
1920container
12columns
12pxgutter
768 / 1024breakpoints
수직 흰색 구분선으로 정의된 엄격한 다단식 그리드 레이아웃(데스크톱에서는 일반적으로 6~8열)입니다.
07
모션과 인터랙션
350msmicro
350mssmall
350msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
모든 인터랙티브 상태에 전역적으로 균일한 0.35초 전환을 적용합니다.
텍스트 요소에 대한 섬세한 불투명도 또는 색상 변화로, 표준 0.35초 전환으로 관리됩니다. · 바운스 또는 과장된 피드백 없이 즉각적인 상태 변화를 적용합니다.
08
컴포넌트
button10px 12px 패딩과 0.35초 전환이 적용된 텍스트 전용 인터랙티브 요소입니다.
card컨테이너나 배경 없이 텍스트로만 구성된 목록 항목입니다.
hero이미지 없이 순수하게 타이포그래피로만 구성된 히어로 섹션입니다.
09
보이스와 금지 목록
톤객관적, 아카이브적, 그리고 철저히 전문적입니다.
헤드라인직설적이고 꾸밈없으며 기능적인 명명 방식입니다.
CTA버튼, 테두리, 또는 배경 채움 없이 평범한 텍스트 링크입니다.
컬러 악센트를 사용하지 마세요 — 스크린샷은 철저한 단색 흑백 팔레트를 보여줍니다.
드롭 섀도우 또는 카드를 추가하지 마세요 — 스크린샷은 완전히 평면적이고 컨테이너 없는 목록 구조를 보여줍니다.
세리프 폰트를 사용하지 마세요 — 스크린샷은 순수한 산세리프 서체를 보여줍니다.
볼드 웨이트를 사용하지 마세요 — 스크린샷은 모든 요소에 걸쳐 균일한 400 웨이트를 보여줍니다.
큰 간격을 사용하지 마세요 — 스크린샷은 매우 타이트한 줄 간격과 작은 패딩을 보여줍니다.
장식적인 테두리를 사용하지 마세요 — 스크린샷은 단순한 단일 픽셀 수직 구분선만 보여줍니다.
피하기: 느낌표
피하기: 이모지
피하기: 마케팅 용어
피하기: 시각적 잡음
11
System Prompt
이것은 크리에이티브 전문가를 위한 하이퍼 미니멀 텍스트 전용 포트폴리오 사이트입니다. 디자인 DNA는 엄격하고 고대비 흑(#000000)백(#ffffff) 팔레트를 기반으로 하며, 보조 텍스트와 테두리는 일관된 rgba(255, 255, 255, 0.4)를 사용합니다. 타이포그래피는 400 웨이트의 그로테스크-산세리프 카테고리만 사용하며, 매우 타이트한 줄 간격(14px 텍스트에 약 18px)을 활용하여 빽빽하고 건축적인 텍스트 컬럼을 만듭니다. 레이아웃은 수직 구분선이 있는 다단식 그리드로 정의됩니다. 중요한 제약 조건: 이미지 사용 금지, 흑백/회색 외의 컬러 사용 금지, 볼드 웨이트 사용 금지, 둥근 모서리 사용 금지, 장식적 UI 요소 사용 금지입니다. 사이트는 전문적이고 아카이브적인 톤을 유지하기 위해 철저히 그리드 기반이어야 합니다.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
