최대 시각적 임팩트와 극단적인 미니멀리즘을 위해 순수 블랙과 화이트에 의존하는 고대비 단색 팔레트입니다.
03
타이포그래피
geometric-sans
display24px · 700
body14px · 400
bodySmall11px · 400
모든 주요 내비게이션 및 브랜드 식별자에 대문자를 사용합니다. · 정교하고 공기감 있는 느낌을 위해 대문자 텍스트에 넓은 자간을 적용합니다. · 타이포그래피에서 색상 변화 없이 엄격한 단색 대비를 유지합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
최소한의 콘텐츠를 강조하기 위해 넉넉한 여백을 둔 4px 기본 그리드를 엄격히 따릅니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 999px
구조적 컨테이너에 절제 있게 사용되는 1px solid rgba(255,255,255,1.0) 테두리입니다.
06
레이아웃
1920container
12columns
32pxgutter
768 / 1024breakpoints
주요 호출-행동(CTA)이 수직으로 절대 정렬된, 정렬 중심 단일 열 레이아웃입니다.
07
모션과 인터랙션
275msmicro
385mssmall
550msmedium
cubic-bezier(0.22, 1, 0.36, 1)easing
진입/퇴장 전환을 위한 부드러운 불투명도 페이드 · 주요 인터랙션을 위한 transform 기반 공간 이동 · 보조 요소를 위한 선형 페이드
인터랙티브 요소에 은은한 불투명도 변화 · 메인 사이트 콘텐츠를 드러내기 위한 공간 transform과 불투명도 페이드 트리거
08
컴포넌트
button1px 화이트 테두리, 대문자 모노스페이스 스타일 자간, 그리고 둥근 중앙 앵커를 갖춘 미니멀 고스트 버튼입니다.
card입구 화면에는 보이지 않습니다.
chip입구 화면에는 보이지 않습니다.
input입구 화면에는 보이지 않습니다.
hero브랜드명, 원형 토글, 그리고 입장 CTA가 포함된 중앙 수평 인터랙티브 바가 있는, 풀 뷰포트 블랙 배경입니다.
09
보이스와 금지 목록
톤독점적, 정교하고 정적
헤드라인넓은 자간의 알파벳 대문자 기하학적 sans-serif, 넉넉한 자간
CTA내비게이션 바 오른쪽에 정렬된 단일 대문자 단어 'ENTER'
컬러풀한 그라디언트를 사용하지 마세요 — 스크린샷은 순수한 단색 블랙 배경을 보여줍니다.
컨테이너에 둥근 모서리를 사용하지 마세요 — 스크린샷은 입장 바의 날카로운 90도 각도를 보여줍니다.
대소문자가 혼합된 타이포그래피를 사용하지 마세요 — 스크린샷은 모든 텍스트가 대문자임을 보여줍니다.
여러 강조 색상을 사용하지 마세요 — 스크린샷은 엄격한 단색 팔레트를 보여줍니다.
무거운 드롭 섀도우를 사용하지 마세요 — 스크린샷은 완전히 평면적이고 그림자가 없는 인터페이스를 보여줍니다.
좁은 자간을 사용하지 마세요 — 스크린샷은 넓은 자간의 타이포그래피를 보여줍니다.
피하기: 컬러풀한 그라디언트
피하기: 장난스러운 일러스트레이션
피하기: 밀집된 정보 레이아웃
피하기: 구조적 요소의 둥근 모서리
11
System Prompt
Studio Amos Fricke를 위한 프리미엄 디지털 스튜디오 입구를 설계하세요. 포지셔닝: 독점적, 미니멀리스틱, 정교함. 주요 헥스 색상: 배경 #000000, 잉크 #FFFFFF, 저조도 텍스트는 rgba(255,255,255,0.4). 타이포그래피 카테고리: 디스플레이와 본문 모두 geometric-sans, 대문자 및 넓은 자간(1.05px) 사용. 중요 주의사항: 절대로 컬러풀한 그라디언트를 사용하지 말 것, 구조적 컨테이너에 둥근 모서리를 피할 것, 대소문자가 혼합된 타이포그래피를 절대 사용하지 말 것. 이 시스템은 극도의 절제, 정렬 중심 레이이웃, 그리고 부드러운 transform 기반 전환으로 정의됩니다.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
