큐레이션 · 오픈 · 무료

Dmitrkutsenko

패션 사진작가의 포트폴리오를 위한 강렬한 타이포그래피 인트로.

01

디자인 DNA

작가를 알리는 어두운 갤러리 입구.

02

컬러

사진 콘텐츠가 중심이 되도록 하는 고대비 단색 구성.

03

타이포그래피

geometric-sans

• display75px · 400
• body14px · 400

디스플레이 텍스트는 대문자로 표시하고 자간을 좁게 설정합니다. · 본문 텍스트는 내비게이션 및 인터페이스 요소에 대문자로 설정합니다.

04

여백

4px 기본 단위 그리드.

05

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

보이는 구조적 테두리 없음; 간격과 색상 대비에 의존.

06

레이아웃

최소한의 엣지 정렬 내비게이션이 있는 풀블리드 히어로.

07

모션과 인터랙션

인터랙티브 요소에 미세한 색상 전환. · 스크롤 기반 또는 클릭 트리거 콘텐츠 표시를 암시.

미세한 배경색 또는 텍스트색 전환. · 콘텐츠 전환 또는 내비게이션을 트리거합니다.

08

컴포넌트

• button 텍스트만 포함된 트리거로, 미세한 hover 색상 전환을 적용합니다.
• card 제공된 뷰에서 보이지 않음.
• chip 제공된 뷰에서 보이지 않음.
• input 제공된 뷰에서 보이지 않음.
• hero 좌측 하단에 고정된 대형 대문자 타이포그래피 문구.

09

보이스와 금지 목록

• 톤 권위 있고, 미니멀하며, 직접적입니다.
• 헤드라인 대문자, 좁은 자간, 문구 중심.
• CTA 작고, 차분하며, 지시적.

• 그라데이션이나 복잡한 배경 패턴을 사용하지 않습니다 — 스크린샷에는 단색의 어두운 플랫 배경이 표시됩니다.
• 기본 요소에 둥근 모서리를 사용하지 않습니다 — 스크린샷에는 날카로운 모서리와 배지용으로만 전체 라디우스 원형이 표시됩니다.
• 디스플레이 텍스트에 굵은 글꼴 두께를 사용하지 않습니다 — 스크린샷에는 모든 텍스트에 400(일반) 두께가 균일하게 적용되어 있습니다.
• 고채도 악센트 색상을 사용하지 않습니다 — 스크린샷에는 엄격한 단색 팔레트가 표시됩니다.
• 메인 헤드라인을 중앙 정렬하지 않습니다 — 스크린샷에는 좌측 하단에 고정된 엄격한 좌측 정렬이 표시됩니다.
• 내비게이션에 표준 문장 대소문자를 사용하지 않습니다 — 스크린샷에는 메뉴 및 CTA 요소에 대문자가 표시됩니다.
• 피하기: 장식적 요소
• 피하기: 바쁜 배경
• 피하기: 복잡한 내비게이션

10

팩 안의 실제 스크린샷

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

11

System Prompt

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