큐레이션 · 오픈 · 무료

Daniellelevitt

음악, 예술, 패션, 유명인을 기록하는 표현적인 사진 에이전시 포트폴리오입니다.

01

디자인 DNA

고급 에디토리얼 매거진의 디지털 포트폴리오

02

컬러

대담한 파스텔 핑크 포인트와 거대한 타이포그래피가 깔끔한 캔버스와 상호작용하여 생동감 있는 에디토리얼 사진을 프레이밍하는 날것의 고대비 팔레트입니다.

03

타이포그래피

grotesque-sans

• display130px · 800
• headline72px · 800
• body29px · 800

모든 타이포그래피는 극단적인 무게(800)로 설정됩니다 · 자간은 항상 좁거나 네거티브입니다 · 표시 크기에 대해 선간극은 특히 타이트합니다

04

여백

겹쳐진 이미지와 거대한 타입을 수용하기 위한 비대칭적이고 느슨한 리듬입니다.

05

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

테두리는 사용하지 않으며, 구분은 여백과 타입 계층을 통해 이루어집니다.

06

레이아웃

이미지가 거대한 배경 타이포그래피와 겹치는 격자 없는 비대칭 콜라주입니다.

07

모션과 인터랙션

요소들이 동시에 페이드 인 및 슬라이드 인됩니다. · 메뉴 오버레이는 부드러운 cubic-bezier로 오른쪽에서 슬라이드 인됩니다.

텍스트가(일반적으로 핑크색으로) 부드러운 0.5초 전환과 함께 색상을 변경합니다. · 내비게이션이나 메뉴 오버레이 전환을 트리거합니다.

08

컴포넌트

• button 배경이나 테두리 없는 텍스트 기반 내비게이션 링크입니다.
• card 테두리, 그림자, 컨테이너 없는 사진 프레임입니다.
• hero 겹쳐진 에디토리얼 이미지와 거대한 타이포그래피의 전체 폭 콜라주입니다.

09

보이스와 금지 목록

• 톤 대담하고 자신감 넘치며 매우 시각적입니다.
• 헤드라인 모두 소문자, 좁은 자간, 그리고 거대합니다.
• CTA 명확한 버튼 스타일링 없는 간단한 텍스트 기반 링크입니다.

• 여러 폰트 패밀리를 사용하지 마세요 — 스크린샷은 모든 텍스트에 단일 grotesque-sans 폰트 패밀리만 독점적으로 사용하는 것을 보여줍니다.
• 둥근 컨테이너나 카드를 사용하지 마세요 — 스크린샷은 날것의 스타일 없는 사진 프레임을 보여줍니다.
• 부드러운 그림자를 사용하지 마세요 — 스크린샷은 완전히 플랫한 타이포그래피와 사진을 보여줍니다.
• 대문자 텍스트를 사용하지 마세요 — 스크린샷은 제목과 내비게이션에 전적으로 소문자 텍스트를 사용하는 것을 보여줍니다.
• 표준 격자 간격을 사용하지 마세요 — 스크린샷은 비대칭적이고 콜라주 기반 레이아웃을 보여줍니다.
• 어두운 주요 배경을 사용하지 마세요 — 스크린샷은 밝은 #F9F7F7 배경과 어두운 #392E2B 푸터 섹션을 보여줍니다.
• 피하기: 미묘함
• 피하기: 장식
• 피하기: 기업 언어

10

팩 안의 실제 스크린샷

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

11

System Prompt

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