큐레이션 · 오픈 · 무료

Thomasmonavon

대규모 이미지와 깔끔한 타이포그래피 디자인으로 사진 작품을 선보이는 미니멀리스트 사진 포트폴리오입니다.

01

디자인 DNA

깔끔하고 미니멀한 미학의 하이엔드 사진 포트폴리오입니다.

02

컬러

순백 배경과 흑색 텍스트의 고대비 단색 팔레트입니다. 사진 이미지가 모든 시각적 재미를 제공합니다.

03

타이포그래피

geometric-sans

• display38px · 500
• body16px · 500

모든 텍스트는 일관되고 현대적인 느낌을 위해 weight 500의 Lay Grotesk를 사용합니다. · 큰 제목은 대담하고 압축된 느낌을 위해 -1.14px의 좁은 letter-spacing을 사용합니다. · 네비게이션과 레이블을 위한 텍스트는 대문자로 변환됩니다.

04

여백

콘텐츠 영역에 일관된 20px padding으로 넉넉한 여백을 둡니다.

05

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

보이는 테두리는 없습니다. 구조를 위해 순백 배경과 흑색 요소에 의존합니다.

06

레이아웃

흰색 콘텐츠 영역과 풀블리드 사진 이미지가 50/50으로 나뉘는 분할 화면 히어로입니다.

07

모션과 인터랙션

매끄러운 가시성 변화를 위한 opacity 전환 · 움직임 효과를 위한 transform 전환

인터페이스 전체에서 포인터 커서가 클릭 가능한 요소임을 나타냅니다. · 제공된 스크린샷에는 눈에 보이는 클릭 상태 변화가 없습니다.

08

컴포넌트

• button 포인터 커서를 사용하며, 눈에 보이는 테두리나 배경 없이 최소한의 텍스트 기반 버튼입니다.
• card 테두리나 그림자 없이 사진에 집중하는 깔끔한 이미지 기반 카드입니다.
• chip 대문자 변환이 적용된 간단한 텍스트 레이블입니다.
• input 제공된 스크린샷에는 눈에 보이는 입력 필드가 없습니다.
• hero 흰색 배경의 큰 타이포그래피와 오른쪽의 풀블리드 사진 이미지로 구성된 분할 화면입니다.

09

보이스와 금지 목록

• 톤 전문적이고 미니멀한
• 헤드라인 영향력과 좁은 letter-spacing이 적용된 대담한 대문자
• CTA 시각적 강조 없이 최소한의 텍스트 기반

• 장식적인 테두리나 그림자를 추가하지 마세요 — 스크린샷은 완전히 평면적인 표면을 보여줍니다
• 여러 폰트 패밀리를 사용하지 마세요 — 스크린샷은 전체적으로 일관된 Lay Grotesk를 보여줍니다
• 다채로운 강조를 추가하지 마세요 — 스크린샷은 순수한 단색 팔레트를 보여줍니다
• 무거운 그림자나 깊이 효과를 사용하지 마세요 — 스크린샷은 평면적이고 미니멀한 디자인을 보여줍니다
• 과도한 UI 요소로 복잡하게 만들지 마세요 — 스크린샷은 넉넉한 여백을 보여줍니다
• 둥근 모서리를 사용하지 마세요 — 스크린샷은 모든 요소에 날카롭고 깔끔한 가장자리를 보여줍니다
• 피하기: 장식 요소
• 피하기: 복잡한 레이아웃
• 피하기: 다채로운 강조
• 피하기: 복잡한 타이포그래피

10

팩 안의 실제 스크린샷

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

11

System Prompt

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