큐레이션 · 오픈 · 무료

Christopherireland

엄격한 에디토리얼 절제를 갖춘 사진가이자 감독을 위한 정제된 포트폴리오

01

디자인 DNA

웹으로 번역된 하이엔드 인쇄 잡지 레이아웃

02

컬러

따뜻한 오프화이트 배경 위에 엄격한 단색 잉크, 컬러 포인트는 제로

03

타이포그래피

didone-serif · geometric-sans · monospace

• display96px · 400
• heading63px · 400
• body16px · 400

04

여백

일관된 30px 상단 패딩을 가진 여유로운 수직 간격

05

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

헤더와 콘텐츠 영역을 구분하는 1px 수평 규칙 1개

06

레이아웃

왼쪽에 텍스트 내비게이션, 오른쪽에 크고 특징적인 이미지가 있는 2단 레이아웃

07

모션과 인터랙션

인터랙티브 상태를 위한 부드러운 배경색 및 불투명도 전환

텍스트 링크 및 카테고리 제목에 대한 미세한 전환 · 해당 섹션으로 직접 내비게이션

08

컴포넌트

• button hover 시 간단한 밑줄이 있는 텍스트 기반 내비게이션 링크
• card 없음; 콘텐츠는 대형 카테고리 제목이 있는 평면 목록으로 표시
• chip 없음
• input 없음
• hero 사진가의 이름을 특징으로 하는 전체 폭 타이포그래피 기반 헤더

09

보이스와 금지 목록

• 톤 세련되고 조용하며 전문적인
• 헤드라인 크고, 모두 대문자이거나 타이틀 케이스의 세리프 타이포그래피
• CTA 절제된 텍스트 링크

• 선명한 포인트 색상을 사용하지 마세요 — 스크린샷은 크림 위에 엄격한 흑백 팔레트를 보여줍니다
• 둥근 모서리를 사용하지 마세요 — 스크린샷은 완전히 평평한 직사각형 미학을 보여줍니다
• 드롭 섀도우를 사용하지 마세요 — 스크린샷은 깊이 효과가 없는 깔끔한 레이아웃을 보여줍니다
• 작고 조밀한 단락을 사용하지 마세요 — 스크린샷은 여유로운 여백과 큰 제목을 보여줍니다
• 장식용 산세리프 폰트를 제목에 사용하지 마세요 — 스크린샷은 디스플레이용 고대비 세리프를 사용합니다
• 복잡한 그리드 오버레이를 사용하지 마세요 — 스크린샷은 간단한 정렬과 여백에 의존합니다
• 피하기: 밝은 색상
• 피하기: 장식 요소
• 피하기: 복잡한 배경

10

팩 안의 실제 스크린샷

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

11

System Prompt

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