깊은 네이비 배경은 선명한 블루 히어로 형태와 다채로운 제품 디테일을 위해 고대비를 만듭니다.
03
타이포그래피
geometric-sans · grotesque-sans
display56px · 700
h148px · 700
주요 헤드라인은 대문자에 넓은 자간을 적용합니다. · 설명 본문 텍스트는 대소문자를 혼합하여 사용합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
대담한 요소들이 숨 쉴 수 있도록 넉넉한 수직 간격
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 999px
버튼과 형태의 날카롭고 깔끔한 모서리
06
레이아웃
1440container
12columns
24pxgutter
768 / 1024breakpoints
전체 폭의 히어로 섹션(비대칭 레이아웃) 다음에 중앙 정렬된 텍스트 블록과 로고 스트립이 옵니다.
07
모션과 인터랙션
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
인터랙티브 요소에 대한 절제된 색상 변화 또는 아웃라인 변경. · 즉각적인 반응.
08
컴포넌트
button대문자 텍스트와 날카로운 모서리를 가진 아웃라인 스타일.
card가시 영역에서 두드러지게 사용되지 않음.
chip가시 영역에서 두드러지게 사용되지 않음.
input가시 영역에서 두드러지게 사용되지 않음.
hero어두운 배경 위에 유기적인 블루 형태를 가진 제품의 크고 임팩트 있는 이미지와, 대담한 대문자 타이포그래피 및 명확한 행동 유도 버튼이 동반됩니다.
09
보이스와 금지 목록
톤자신감 있고 현대적이며 장난기 있는.
헤드라인짧고 강렬한 대문자 문장.
CTA명확하고 직접적인 대문자 명령형.
부드러운 파스텔 색상을 사용하지 마세요 — 스크린샷은 깊고 고대비 네이비 배경에 선명한 블루 악센트를 보여줍니다.
버튼이나 카드에 둥근 모서리를 사용하지 마세요 — 'FIND YOUR BLOK' 버튼은 날카롭고 사각형 모서리를 가지고 있습니다.
헤드라인에 세리프 폰트를 사용하지 마세요 — 주요 디스플레이 폰트는 굵고 기하학적인 고딕체입니다.
모든 텍스트를 중앙 정렬하지 마세요 — 히어로 섹션은 왼쪽에 치중된 제품 이미지를 균형 잡기 위해 오른쪽 정렬 텍스트를 사용합니다.
단색 배경을 사용하지 마세요 — 히어로는 어두운 네이비 위에 역동적이고 유기적인 블루 형태를 특징으로 합니다.
대문자 텍스트를 사용하지 않는 것은 피하세요 — 디자인은 임팩트를 위해 넓은 자간의 대문자 헤드라인에 크게 의존합니다.
피하기: 지나치게 기술적인 전문 용어
피하기: 수동태
피하기: 지저분한 레이아웃
11
System Prompt
이것은 현대적인 아날로그 시계 브랜드 'Blok'의 대담하고 장난기 있는 제품 랜딩 페이지입니다. 디자인 DNA는 고대비를 중심으로 하며, 깊은 네이비 배경(#0A1929)에 선명한 블루 악센트 형태(#3574E0)와 날카롭고 기하학적인 고딕체 타이포그래피를 사용합니다. 레이아웃은 비대칭적이고 임팩트 있게 구성되어, 다채로운 제품 사진이 두드러지도록 합니다. 중요한 디자인 원칙으로는 둥근 대신 날카로운 모서리 사용, 헤드라인에 넓은 자간 대문자 적용, 그리고 밝은 색상 포인트와 함께 어둡고 무드 있는 기반 유지가 포함됩니다. 부드러운 파스텔, 둥근 컴포넌트, 또는 세리프 폰트는 사용하지 마세요. 시각적 정체성은 대담한 기하학적 형태와 고대비 위에 구축되어 있기 때문입니다.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
