큐레이션 · 오픈 · 무료

Benlongdendesign

강렬한 타이포그래피와 몰입감 있는 사진 작업의 균형을 맞춘, 크리에이티브 디렉터를 위한 정제된 에디토리얼 포트폴리오.

01

디자인 DNA

하이엔드 작업을 선보이는 독점 갤러리 또는 큐레이션된 매거진 스프레드

02

컬러

사진 작업이 돋보이도록 검정, 흰색, 회색에 의존하는 강렬한 고대비 미니멀리즘.

03

타이포그래피

grotesque-sans · monospace

• display16px · 700

모든 UI 및 본문 텍스트에 grotesque-sans를 사용합니다 · 섹션 제목에 대문자와 작은 자간을 적용합니다 · 장식 요소 없이 엄격한 타이포그래피 계층을 유지합니다

04

여백

섹션을 구분하는 넉넉한 여백과 목록 항목 간 타이트한 8px 간격

05

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

hover 시 미세한 1px 테두리 또는 배경 오버레이

06

레이아웃

대규모 사진 이미지가 뷰포트를 지배하고, 구조화된 다단계 텍스트 목록과 대비되는 전체 너비의 몰입감 있는 그리드.

07

모션과 인터랙션

인터랙티브 요소에 대한 hover 시 미세한 불투명도 및 색상 전환

미세한 텍스트 색상 변화 및 불투명도 변화 · 즉각적인 네비게이션 또는 상태 변경

08

컴포넌트

• button 미세한 hover 전환이 있는 텍스트 기반 링크, 채워진 버튼 형태 없음
• card 프로젝트를 나타내는 풀블리드 또는 대규모 사진 블록
• chip 카테고리를 위한 미니멀한 대문자 텍스트 레이블
• input 해당 없음
• hero 오버레이된 프로젝트 제목과 크레딧이 있는 몰입감 있는 사진 배경

09

보이스와 금지 목록

• 톤 전문적이고 절제되며 자신감 있는
• 헤드라인 직설적이고 대문자이며 크리에이티브 역할을 설명하는
• CTA 연락 및 네비게이션을 위한 단순한 텍스트 링크

• 장식적인 스크립트 폰트를 사용하지 않습니다 — 스크린샷은 깔끔한 grotesque-sans 시스템 폰트를 보여줍니다
• 컨테이너에 드롭 섀도우를 추가하지 않습니다 — 스크린샷은 플랫 표면과 사진 오버레이를 보여줍니다
• 밝고 채도 높은 액센트 색상을 사용하지 않습니다 — 스크린샷은 단색 팔레트에 전적으로 의존합니다
• 밀도 높은 그리드로 레이아웃을 어지럽히지 않습니다 — 스크린샷은 넉넉한 여백과 큰 이미지를 사용합니다
• 프로젝트 미리보기에 둥근 카드 모서리를 사용하지 않습니다 — 스크린샷은 날카롭고 풀블리드 가장자리를 보여줍니다
• UI 요소에 무거운 border-radius를 사용하지 않습니다 — 스크린샷은 아이콘에만 최소한의 50% radius를 사용합니다
• 피하기: 밝고 채도 높은 색상이나 네온 액센트를 피합니다
• 피하기: 복잡한 애니메이션이나 산만한 모션을 피합니다
• 피하기: 장식적인 타이포그래피나 스크립트 폰트를 피합니다

10

팩 안의 실제 스크린샷

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

11

System Prompt

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