큐레이션 · 오픈 · 무료

Ijpowell

아트 디렉션과 인터랙티브 디자인에 초점을 맞춘 세련된 미니멀 포트폴리오 사이트입니다.

01

디자인 DNA

깔끔한 타이포그래피와 넉넉한 여백이 있는 미니멀한 사진 전시 공간입니다.

02

컬러

흑백과 그레이스케일에 전적으로 의존하는, 색상이 전혀 없는 엄격한 단색 체계입니다.

03

타이포그래피

transitional-serif

• display56px · 400
• body17px · 400

모든 본문 텍스트에 -0.425px 자간을 사용합니다 · 모든 요소의 폰트 웨이트를 400으로 유지합니다 · 모든 주요 타이포그래피에 전환형 세리프를 사용합니다

04

여백

중앙 미디어 영역 주변에 넉넉한 패딩을 두어 유연한 간격을 적용합니다.

05

표면 (라운드 / 그림자 / 경계선)

그레이스케일의 최소 1px 테두리를 사용하며, 구조적 요소에만 절제적으로 적용합니다.

06

레이아웃

좌측, 중앙, 우측 요소가 있는 고정 헤더; 중앙 정렬된 미디어 블록; 고정 푸터.

07

모션과 인터랙션

모든 상태 변화에 부드러운 1초 트랜지션을 적용합니다.

내비게이션 링크에 섬세한 투명도 또는 상태 변화를 적용합니다. · 새로운 상태로의 부드러운 트랜지션을 통해 즉각적으로 반응합니다.

08

컴포넌트

• button 활성 상태를 나타내는 단색 원형 표시기가 있는 텍스트 기반 내비게이션입니다.
• card 두꺼운 검은색 테두리가 있는 대형 풀폭 미디어 프레임으로, 이미지 또는 타이포그래피를 포함합니다.
• hero 돋보이는 검은색 프레임으로 프로젝트 작업을 선보이는 대형 중앙 정렬 미디어 컨테이너입니다.

09

보이스와 금지 목록

• 톤 미니멀하고 전문적이며 절제된 어조입니다.
• 헤드라인 타이트한 트래킹의 깔끔한 전환형 세리프 타이포그래피입니다.
• CTA 푸터 또는 내비게이션에 통합된 간결한 텍스트 기반 행동 유도 요소입니다.

• 선명한 색상을 사용하지 마세요 — 스크린샷은 단색 흑백 팔레트만 엄격히 사용하는 것을 보여줍니다.
• 산세리프 폰트를 사용하지 마세요 — 스크린샷은 전환형 세리프 폰트만 독점적으로 사용하는 것을 보여줍니다.
• 그림자나 복잡한 카드 스타일을 추가하지 마세요 — 스크린샷은 테두리로 프레임을 된 플랫 미디어를 보여줍니다.
• 두껍고 무거운 폰트 웨이트를 사용하지 마세요 — 스크린샷은 모든 텍스트가 웨이트 400인 것을 보여줍니다.
• 여러 개의 컬럼으로 인터페이스를 복잡하게 하지 마세요 — 스크린샷은 단일 중앙 정렬 초점을 보여줍니다.
• 컨테이너에 둥근 모서리를 사용하지 마세요 — 스크린샷은 미디어 프레임의 날카롭고 사각 모서리를 보여줍니다.
• 피하기: 화려한 그래디언트
• 피하기: 밀도 높은 단락
• 피하기: 장식적 아이콘
• 피하기: 자극적인 행동 유도 요소
• 피하기: 복잡한 레이아웃

10

팩 안의 실제 스크린샷

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko