큐레이션 · 오픈 · 무료

Snøhetta

정제된 미니멀리즘으로 권위 있는 건축 및 디자인 프로젝트를 선보이는 글로벌 초학제적 실천.

01

디자인 DNA

엘리트 건축 포트폴리오 갤러리

02

컬러

흑백 팔레트로 사진이 포인트가 되는 극도의 미니멀리즘

03

타이포그래피

humanist-sans

• display60px · 300
• h148px · 300
• body18px · 300
• small16px · 300

정교하고 우아한 미학을 위해 주로 300 (light) 웨이트 사용 · 대형 디스플레이 텍스트의 가독성을 위해 선 길이를 엄격히 제어 · 타이포그래피 계층 구조는 웨이트 변화보다 크기 차이에 크게 의존

04

여백

섹션 간의 넉넉한 수직 간격은 럭셔리와 호흡 공간을 만듭니다

05

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

목록 구분선으로 절제되게 사용되는 얇은 1px 테두리

06

레이아웃

풍부한 여백과 전체 폭 이미지 캐러셀을 갖춘 비대칭 2열 레이아웃

07

모션과 인터랙션

인터랙티브 요소에서의 부드러운 색상 및 불투도 전환 · 프로젝트 이미지를 위한 수평 스크롤 캐러셀

텍스트 링크의 미묘한 색상 변경, 보통 무채색 회색으로 · 인터랙티브 영역 전반에 걸쳐 표준 포인터 커서

08

컴포넌트

• button 배경 스타일링 없이 텍스트만 사용하는 버튼, hover 상태에 의존
• card 최소한의 타이포그래피가 하단에 있는 단순한 이미지 카드
• hero 하단에 겹쳐지는 수평 이미지 캐러셀이 있는 전체 폭 텍스트 중심 히어로

09

보이스와 금지 목록

• 톤 권위적이고, 세련되며, 절제된
• 헤드라인 실천에 대한 서술적이고 사실적인 진술
• CTA 두드러진 버튼 대신 절제된 텍스트 링크

• 무거운 폰트 웨이트를 사용하지 마세요 — 스크린샷은 전적으로 가벼운 (300) 웨이트 타이포그래피만 보여줍니다
• UI 요소에 드롭 섀도우를 추가하지 마세요 — 스크린샷은 완전히 플랫한 표면을 보여줍니다
• 화려한 강조 색상을 사용하지 마세요 — 스크린샷은 엄격히 검정, 흰색, 회색을 보여줍니다
• 카드 또는 버튼에 둥근 모서리를 사용하지 마세요 — 스크린샷은 주로 날카로운 직사각형 가장자리를 보여줍니다
• 레이아웃에 요소를 빽빽이 배치하지 마세요 — 스크린샷은 섹션 간에 넓은 여백을 보여줍니다
• 컬러 배경 섹션을 사용하지 마세요 — 스크린샷은 전체적으로 균일한 흰색 배경을 보여줍니다
• 피하기: 과도한 구두점
• 피하기: 느낌표
• 피하기: 비공식적 언어

10

팩 안의 실제 스크린샷

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

11

System Prompt

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