로고는 넓은 자간 사용 · 내비게이션은 작고, 대문자이며, 간격이 있음 · 두껍거나 굵은 가중치는 보이지 않음
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
고정된 상단 내비게이션 바와 함께 넉넉한 여백.
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 999px
1px 수평선 하나가 헤더와 빈 본문을 나눕니다.
06
레이아웃
1440container
12columns
24pxgutter
768 / 1024breakpoints
왼쪽 정렬된 로고와 오른쪽 정렬된 미니멀 내비게이션이 있는 전체 폭 헤더.
07
모션과 인터랙션
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
정적 스크린샷에서 애니메이션이나 모션이 보이지 않습니다.
내비게이션 링크에서 미세한 불투명도 변화. · 표준 링크 동작.
08
컴포넌트
input검색 기능은 텍스트로 표시되지만 보이는 입력 필드는 없습니다.
hero헤더 아래에 완전히 비어 있고 넓은 오프화이트 영역.
09
보이스와 금지 목록
톤조용하고 자신감 있으며 절제된.
헤드라인간격이 있고, 대문자 산세리프.
CTA눈에 띄는 버튼보다는 미니멀한 텍스트 링크.
밝거나 채도 높은 색상을 사용하지 마세요 — 스크린샷은 따뜻한 오프화이트 팔레트를 보여줍니다.
굵거나 두꺼운 폰트 가중치를 사용하지 마세요 — 스크린샷은 라이트 또는 레귤러 가중치만 보여줍니다.
밀도 높고 복잡한 레이아웃을 만들지 마세요 — 스크린샷은 넓고 비어 있는 여백을 보여줍니다.
장식적인 그림자나 둥근 모서리를 사용하지 마세요 — 스크린샷은 날카로운 모서리와 플랫 표면을 보여줍니다.
눈에 띄는 행동 유도(CTA) 버튼을 사용하지 마세요 — 스크린샷은 미니멀한 텍스트 링크만 보여줍니다.
페이지를 콘텐츠로 채우지 마세요 — 스크린샷은 거의 완전히 비어 있는 본문 영역을 보여줍니다.
피하기: 밝은 색상
피하기: 두꺼운 타이포그래피
피하기: 시각적 혼란
피하기: 밀도 높은 정보 레이아웃
피하기: 장식적 요소
11
System Prompt
이것은 라이프스타일 매거진을 위한 초미니멀리스트 편집 웹사이트입니다. 따뜻한 오프화이트(#F5F2EE) 배경과 거의 검은(#2A2A2A) 텍스트가 특징입니다. 타이포그래피는 특히 대문자 로고에 넓은 자간을 사용하는 기하학적 산세리프입니다. 레이아웃은 넓은 여백이 지배하며, 헤더와 콘텐츠 영역을 분리하는 수평선 하나가 있습니다. 중요 금지 사항: 밝거나 채도 높은 강조 색상을 사용하지 마세요; 두껍거나 굵은 폰트 가중치를 사용하지 마세요; 밀도 높거나 혼란스러운 레이아웃을 만들지 마세요; 눈에 띄는 버튼 스타일의 행동 유도(CTA)를 사용하지 마세요; 요소에 둥근 모서리나 그림자를 적용하지 마세요.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
