큐레이션 · 오픈 · 무료

Davejreid

UI/UX 및 크리에이티브 디렉터를 위한 정제된 포트폴리오로, 타이포그래피와 큐레이션된 이미지를 강조합니다.

01

디자인 DNA

디자인 작업을 선보이는 깨끗한 하이엔드 매거진 화보.

02

컬러

포트폴리오 이미지를 돋보이게 하는 중립적인 캔버스를 가진 고대비 미니멀리즘.

03

타이포그래피

old-style-serif · humanist-sans

• display16px · 400

주요 서사 요소와 헤더에는 올드스타일세리프를 사용합니다. · UI 요소와 보조 텍스트에는 휴머니스트산스를 사용합니다.

04

여백

주요 섹션 사이의 넉넉한 수직 여백

05

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

없거나 매우 미세함

06

레이아웃

넉넉한 수직 여백으로 구분되는 크고 풀블리드 또는 와이드 이미지.

07

모션과 인터랙션

hover 시 또는 전환 시 단순한 페이드인

미세한 투명도 변화 또는 단순한 전환. · 즉각적인 내비게이션.

08

컴포넌트

• button 화살표 아이콘(↗)이 있는 미니멀 텍스트 링크, 단색 배경 없음.
• card 단순한 타이포그래피가 아래에 있는 큰 사진 카드.
• chip 보이지 않음.
• input 보이지 않음.
• hero 바이오와 내비게이션 링크가 있는 단순한 텍스트 블록, 그 뒤에 큰 이미지.

09

보이스와 금지 목록

• 톤 전문적이고 정제되며 절제된.
• 헤드라인 세리프, 대화적이지만 격식 있는.
• CTA 화살표 표시가 있는 단순한 텍스트 링크.

• 굵은 산세리프 헤더를 사용하지 마세요 — 스크린샷은 정제된 올드스타일 세리프를 보여줍니다
• 밝고 채도 높은 악센트 색상을 사용하지 마세요 — 스크린샷은 회색의 엄격히 중립적인 팔레트를 보여줍니다
• 무거운 그림자나 카드를 사용하지 마세요 — 스크린샷은 평범한 배경 위의 평면적인 이미지를 보여줍니다
• 요소들을 밀집시키지 마세요 — 스크린샷은 섹션 사이의 상당한 수직 여백을 보여줍니다
• 복잡한 내비게이션을 사용하지 마세요 — 스크린샷은 화살표가 있는 미니멀한 텍스트 링크 세트를 보여줍니다
• 주요 텍스트에 기하학적 산세리프를 사용하지 마세요 — 스크린샷은 휴머니스트산스와 세리프 폰트를 보여줍니다
• 피하기: 과도한 행동 유도
• 피하기: 무거운 브랜딩 요소
• 피하기: 복잡한 레이아웃

10

팩 안의 실제 스크린샷

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

11

System Prompt

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