큐레이션 · 오픈 · 무료

Dougalves Work

비주얼 디자이너를 위한 고대비, 타이포그래피 중심의 포트폴리오.

01

디자인 DNA

oversized display type으로 구성된 큐레이팅된 갤러리 모노그래프.

02

컬러

따뜻한 기반을 가진 엄격한 고대비 단색.

03

타이포그래피

geometric-sans · neo-grotesque-sans

• display197px · 400
• heading16px · 400
• body16px · 400

04

여백

넓은 수평 간격과 타이트한 수직 리듬.

05

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

보이지 않음.

06

레이아웃

데스크톱에서는 엄격한 4컬럼 격자, 모바일에서는 2컬럼으로 축소.

07

모션과 인터랙션

scroll 시 부드러운 표시. · transform 속성에 대한 cubic-bezier 전환.

미세한 불투명도 또는 transform 변경. · 즉각적인 전환.

08

컴포넌트

• button 시각적 컨테이너 없는 텍스트 전용 링크.
• card 보이지 않음.
• chip 보이지 않음.
• input 보이지 않음.
• hero 대형 기하학적 텍스트를 사용한 전체 뷰포트 타이포그래피 스테이트먼트.

09

보이스와 금지 목록

• 톤 직설적이고 전문적이며 미니멀함.
• 헤드라인 대형, 느슨한 자간, 대문자 기하학적 sans-serif.
• CTA 시각적 강조 없는 일반 텍스트.

• 드롭 섀도우 사용 금지 — 스크린샷은 깊이 단서 없는 평평한 표면을 보여줌
• 둥근 버튼 사용 금지 — 스크린샷은 테두리나 반경 없는 텍스트 전용 링크를 보여줌
• 여러 폰트 패밀리 사용 금지 — 스크린샷은 엄격한 2폰트 시스템(기하학적 display, 네오그로테스크 본문)을 보여줌
• 밝은 강조색 사용 금지 — 스크린샷은 어두운 갈색과 밝은 흰색으로 구성된 엄격한 단색 팔레트를 보여줌
• 본문 텍스트의 큰 행간 사용 금지 — 스크린샷은 타이트하고 컴팩트한 행간을 보여줌
• 장식적 테두리 사용 금지 — 스크린샷은 엄격한 구분을 위해 최소한의 수평선만 사용함
• 피하기: 장식적 요소
• 피하기: 과도한 padding
• 피하기: 밝은 강조색
• 피하기: 드롭 섀도우
• 피하기: 복잡한 격자
• 피하기: 이탤릭체 텍스트

10

팩 안의 실제 스크린샷

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

11

System Prompt

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