큐레이션 · 오픈 · 무료

Kengo Kuma

세계적인 건축 스튜디오를 위한 절제된 사진 중심 포트폴리오.

01

디자인 DNA

사진에 중점을 둔 미니멀 건축 스튜디오 포트폴리오.

02

컬러

건축 사진이 주된 초점이 될 수 있도록 허용하는 중립적이고 매우 절제된 팔레트.

03

타이포그래피

geometric-sans · system-sans

• display18px · 300
• body13px · 300

모든 텍스트에 가벼운 폰트 웨이트(300)를 사용합니다. · 세련된 느낌을 위해 일관된 네거티브 자간(-0.32px)을 유지합니다. · 메타데이터와 날짜에는 타이트한 행간을 사용합니다.

04

여백

버튼과 목록 항목에 일관된 12px 패딩을 사용합니다.

05

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

1px solid 테두리 색상으로, 주로 섬세한 구분자로 사용됩니다.

rgba(0, 0, 0, 0.5) 0px 0px 3px 0px

06

레이아웃

크고 몰입감 있는 히어로 이미지 뒤에 깔끔한 프로젝트 카드 그리드가 이어집니다.

07

모션과 인터랙션

hover 시 부드러운 전환(0.2s ease-in-out). · 콘텐츠 섹션에 대한 섬세한 페이드인.

인터랙티브 요소에 대한 미세한 색상 변화 또는 불투명도 변경. · 모든 링크와 인터랙티브 요소에 대한 표준 포인터 커서.

08

컴포넌트

• button 대문자 표시의 미니멀 텍스트 기반 탐색 링크.
• card 이미지 중심의 카드로, 섬세한 테두리와 아래쪽에 메타데이터를 포함합니다.
• hero 풀블리드, 고품질 건축 사진.

09

보이스와 금지 목록

• 톤 전문적이고 절제되며 국제적인.
• 헤드라인 깔끔하고 대문자 표시의 기하학적 산세리프체.
• CTA 미니멀하고 텍스트 기반이며 눈에 띄지 않는.

• 굵은 타이포그래피를 사용하지 마세요 — 스크린샷에서 모든 텍스트가 웨이트 300임을 보여줍니다.
• 화려한 팔레트를 사용하지 마세요 — 스크린샷에서 중립적인 단색 체계임을 보여줍니다.
• 복잡한 UI 컴포넌트를 사용하지 마세요 — 스크린샷에서 미니멀하고 사진 중심의 레이아웃임을 보여줍니다.
• 장식적인 아이콘 또는 일러스트레이션을 사용하지 마세요 — 스크린샷에서 사진과 텍스트만 있음을 보여줍니다.
• 무거운 그라디언트 또는 그림자를 사용하지 마세요 — 스크린샷에서 평면적이고 깔끔한 표면임을 보여줍니다.
• 지나치게 둥근 모서리를 사용하지 마세요 — 스크린샷에서 날카롭거나 최소화된 border-radius임을 보여줍니다.
• 피하기: 두껍고 굵은 타이포그래피를 피합니다.
• 피하기: 채도가 높거나 원색을 피합니다.
• 피하기: 장식적인 UI 요소 또는 일러스트레이션을 피합니다.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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