극단적인 명도 대비와 넓은 여백에 의존한 엄격한 무채색 팔레트. 차분하고 세련된 분위기를 조성합니다.
03
타이포그래피
geometric-sans
display193px · 300
body47px · 300
가볍고 섬세한 미학을 유지하기 위해 모든 텍스트 요소에서 초경량 무게(300)를 유지합니다. · 기하학적 문자 형태를 조밀하고 응집력 있는 블록 모양으로 만들기 위해 공격적인 네거티브 트래킹을 사용합니다. · 조밀한 트래킹과 일치하고 과도한 수직 간격을 방지하기 위해 행간을 극도로 좁게 유지합니다. · SCTO를 사용할 수 없을 때 표준 sans-serif만 대체 폰트로 사용하며, 세리프나 장식적 폰트는 사용하지 않습니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
비대칭적이고 넓은 공간 활용. 대규모 수직 패딩과 마진을 사용하여 느리고 의도적인 스크롤 리듬을 강제합니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 0px
보이지 않습니다. 디자인은 물리적 경계 없이 타이포그래피, 이미지, 여백을 통해 구조를 정의하는 데 전적으로 의존합니다.
06
레이아웃
1280container
12columns
24pxgutter
768 / 1024breakpoints
엄격히 최소화된, 상단 집중 문서 흐름. 요소들은 좌측 정렬 또는 중앙 정렬되며, 극단적인 수직 패딩과 눈에 보이는 그리드 라인이나 구조적 테두리가 없습니다.
07
모션과 인터랙션
200msmicro
400mssmall
800msmedium
cubic-bezier(0.215, 0.61, 0.355, 1)easing
표준 hover 및 클릭 상태 변경을 위한 빠른 마이크로 인터랙션(200ms). · 주요 요소 불투명도 및 색상 변화를 위한 더 느리고 의도적인 전환(400-600ms). · 모든 애니메이션 속성에 걸쳐 단일 일관된 easing 곡선의 엄격한 적용.
미세한 불투명도 변화와 색상 전환. 지나치게 강한 피드백을 도입하지 않고 인터페이스의 전반적인 조용함을 유지합니다. · 표준 포인터 커서와 확립된 전환 타이밍을 통한 즉각적이고 최소화된 시각적 피드백.
08
컴포넌트
button배경 없이 텍스트만으로 구성된 최소화된 링크. 인터랙션 상태를 위해 타이포그래피와 미세한 불투명도 전환에 순수히 의존합니다.
card전통적인 카드는 사용되지 않습니다. 콘텐츠는 독립된 전체 폭 타이포그래피 블록 또는 끝에서 끝까지의 사진 그리드로 제시됩니다.
chip보이지 않습니다. 디자인은 순수한 에디토리얼 구조를 선호하여 모든 보조 UI 요소를 배제합니다.
input제공된 스크린샷에는 보이지 않습니다.
hero초경량 무게로 설정된 거대하고 지배적인 타이포그래피 전시. 그 아래에 광범위한 여백이 있습니다.
09
보이스와 금지 목록
톤지적이고, 조용하며, 의도적이고, 깊이 개념적입니다.
헤드라인극도로 크고, 초경량이며, 트래킹이 강한 기하학적 sans-serif. 종종 단일 지배적인 줄로 표시됩니다.
CTA눈에 띄기보다 전체 타이포그래피 계층에 자연스럽게 녹아드는 절제되고 담백한 텍스트 링크.
무거운 폰트 웨이트를 사용하지 마세요 — 스크린샷은 초경량(300)만 보여줍니다.
채도 높은 강조색을 추가하지 마세요 — 스크린샷은 엄격한 단색 팔레트를 보여줍니다.
요소에 둥근 모서리를 사용하지 마세요 — 스크린샷은 엄격히 날카롭고 둥글지 않은 기하학을 보여줍니다.
UI 컴포넌트에 드롭 섀도우나 그라데이션을 사용하지 마세요 — 스크린샷은 완전히 평평한 표면을 보여줍니다.
과도한 수직 패딩을 사용하지 마세요 — 스크린샷은 주요 섹션 간에 거대한 여백을 보여줍니다.
장식적인 UI 요소에 의존하지 마세요 — 스크린샷은 완전히 단순화된 타이포그래피 인터페이스를 보여줍니다.
이것을 조용한 자신감을 과시보다 우선시하는 미니멀리스트 디자인 스튜디오 포트폴리오로 포지셔닝합니다. 시각적 언어는 엄격한 무채색 팔레트로 정의됩니다: 잉크를 위한 거의 검정(#080807), 배경을 위한 따뜻한 오프화이트(#F0EFEF), 그리고 차분한 텍스트를 위한 가끔 깊은 회색(#343434). 타이포그래피는 기하학적 sans-serif로 독점적으로 렌더링되며, 공격적인 네거티브 트래킹으로 초경량 무게(300)를 적용하여 조밀하고 의도적인 텍스트 블록을 만듭니다. 레이아웃은 거대한 여백과 모든 애니메이션을 위한 단일 일관된 cubic-bezier 전환에 크게 의존합니다. 핵심적인 주의 사항: 300보다 무거운 폰트 웨이트를 절대 사용하지 말 것, 채도 높은 강조색을 절대 도입하지 말 것, 그림자나 둥근 모서리와 같은 장식 요소를 절대 추가하지 말 것. 시스템은 극도의 절제를 유지하고 타이포그래피, 사진, 공간에 순수히 의존하여 커뮤니케이션해야 합니다.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
