내비게이션과 레이블에는 대문자를 사용합니다 · 모든 UI 요소에는 엄격히 기하학적 산세리프 폰트 패밀리를 사용합니다
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
Tailwind 스타일 스케일을 적용한 표준 8px 기본 격자.
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 8px
lg · 12px
pill · 999px
버튼에는 1px solid black 테두리
0px 10px 40px 0px rgba(0, 0, 0, 0.3)
06
레이아웃
1280container
12columns
24pxgutter
768 / 1024breakpoints
중앙 정렬된 콘텐츠를 가진 전체 폭 섹션.
07
모션과 인터랙션
220msmicro
400mssmall
800msmedium
cubic-bezier(0, 0, 0.2, 1)easing
표준 불투명도 및 변환 전환 효과
링크와 버튼의 색상 전환. · 표준 인터랙티브 피드백.
08
컴포넌트
button1px 검정 테두리와 검정 텍스트를 가진 직사각형.
card미니멀리스트 이미지와 텍스트 구성.
chip밑줄이 그어진 대문자 텍스트 링크.
input하단 테두리가 있는 간단한 텍스트 입력 필드.
hero전체 폭 사진 위의 대형 강렬 헤드라인.
09
보이스와 금지 목록
톤대담하고 자신감 있으며, 약간 불손한 어조.
헤드라인짧고 강렬하며, 주로 대문자 사용.
CTA직설적이고 밑줄이 그어지며, 주로 대문자 사용.
둥근 모서리를 사용하지 않습니다 — 스크린샷은 날카로운 직사각형 버튼을 보여줍니다.
화려한 UI 팔레트를 사용하지 않습니다 — 스크린샷은 주로 흑백과 사진 기반 색상을 보여줍니다.
복잡한 그라데이션 배경을 사용하지 않습니다 — 스크린샷은 단색 또는 전체 편집 사진을 보여줍니다.
가볍고 가벼운 타이포그래피를 사용하지 않습니다 — 스크린샷은 굵은 기하학적 산세리프 폰트를 보여줍니다.
과도한 드롭 섀도우를 사용하지 않습니다 — 스크린샷은 최소한의 섀도우 사용을 가진 플랫 디자인을 보여줍니다.
긴 단락에 중앙 정렬된 텍스트 블록을 사용하지 않습니다 — 스크린샷은 명확한 정렬을 보여줍니다.
피하기: 지나치게 장식적이거나 서체 폰트는 피합니다.
피하기: 호흡 공간이 없는 복잡한 레이아웃은 피합니다.
11
System Prompt
대담하고 그래픽적인 아이덴티티를 가진 프리미엄 수공예 스피릿 브랜드로 포지셔닝된 이 사이트는, 고품질 사진을 주도로 하는 강렬한 흑백 팔레트를 사용합니다. 기본 폰트는 기하학적 산세리프로, 크고 굵은 헤드라인이 주로 대문자로 표시됩니다. 주요 색상은 검정(#181313)과 흰색(#FEFEFE)입니다. 중요한 금지 사항: 장식적 서체를 사용하지 마세요; 복잡한 레이아웃을 만들지 마세요; 기본 버튼에 둥근 모서리를 사용하지 마세요. 이 디자인은 강렬한 타이포그래피와 전체 편집 이미지를 통해 프리미엄, 브루클린 제조의 미학을 전달합니다.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
