흰 배경 위에 주요 색상(빨강, 노랑, 파랑, 초록)의 고대비 적용, 검정을 주요 앵커로 사용
03
타이포그래피
geometric-sans
display14px · 700
이름 라벨은 대문자 사용 · 좁은 자간 · 작은 크기에서도 높은 가독성을 위한 높은 굵기
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
풍부한 여백을 두고 수직 및 수평으로 중앙에 배치된 기하학적 구성
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 8px
lg · 12px
pill · 999px
보이는 테두리 없음; 형태는 단색 채움으로 정의
06
레이아웃
1440container
12columns
24pxgutter
768 / 1024breakpoints
전통적인 그리드 없이 중앙에 배치된 단일 구성; 추상적인 원형 배열
07
모션과 인터랙션
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
스크린샷에 보이는 애니메이션 없음
스크린샷에 보이는 hover 상태 없음 · 스크린샷에 보이는 클릭 인터랙션 없음
08
컴포넌트
hero겹치는 유색 원형이 유일한 시각 요소인 전면판 추상적 기하학적 구성
09
보이스와 금지 목록
톤미니멀하고 예술적인
헤드라인작은 이름 라벨 외에 보이는 헤드라인 없음
CTA보이는 CTA 없음
텍스트가 많은 레이아웃 사용 금지 — 스크린샷은 순수 시각적 구성임
복잡한 내비게이션 메뉴 추가 금지 — 스크린샷에 내비게이션 없음
채도 낮은 팔레트 사용 금지 — 스크린샷은 강렬한 기본 색상을 보여줌
복잡한 구성 생성 금지 — 스크린샷은 중앙에 배치된 추상적 배열임
그림자나 깊이 효과 추가 금지 — 스크린샷은 평면 색상 형태임
장식용 테두리 사용 금지 — 스크린샷에 보이는 테두리 없음
피하기: 텍스트가 많은 레이아웃
피하기: 복잡한 내비게이션
피하기: 복잡한 구성
11
System Prompt
흰 배경 위에 겹치는 유색 원형의 미니멀한 추상적 구성을 특징으로 하는 예술적 포트폴리오 사이트입니다. 디자인은 강렬한 기본 색상(빨강 #F52762, 노랑 #FFEB00, 파랑 #1A5CB0, 초록 #55AA45)을 사용하며 검정(#000000)을 주요 앵커로 사용합니다. 타이포그래피는 미니멀하며, 작은 이름 레벨에 기하학산 세리프를 사용합니다. 레이아웃은 풍부한 여백을 두고 추상적 구성을 중앙에 배치합니다. 핵심 주의사항: 텍스트가 많은 레이아웃은 피하고, 복잡한 내비게이션을 추가하지 않으며, 채도 낮은 색상을 사용하지 않고, 복잡한 구성을 만들지 않으며, 그림자를 추가하지 않고, 장식용 테두리를 사용하지 않습니다.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
