큐레이션 · 오픈 · 무료

Exo Ape

세련된 타이포그래피와 차분한 템포를 갖춘 시네마틱 이미지 중심 디자인 스튜디오 사이트.

01

디자인 DNA

하이엔드 건축 매거진과 럭셔리 호텔 로비의 만남.

02

컬러

히어로 포토그래피가 주요 캔버스 역할을 하며, 선명한 화이트 타이포그래피가 최대 대비를 제공하고 단일 웜 악센트 톤이 은은한 따뜻함을 더합니다.

03

타이포그래피

humanist-sans

• display250px · 300
• heading144px · 300
• body16px · 300

프리미엄스럽고 건축적인 느낌을 얻기 위해 디스플레이 크기에는 극도로 좁은 네거티브 트래킹을 사용합니다. · 우아함을 유지하기 위해 모든 텍스트에 라이트(300) 웨이트를 유지합니다. · 모든 타이포그래피 요소에 높은 대비(다크 배경 위의 화이트)를 보장합니다.

04

여백

주요 요소 주위에 여유로운 패딩을 둔 갤러리 같은 널찍한 리듬입니다.

05

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

최소화; 라인 대신 색상 대비와 포토그래피의 깊이에 의존합니다.

06

레이아웃

좌측 정렬 텍스트 블록을 갖춘 풀블리드 포토그래픽 히어로입니다.

07

모션과 인터랙션

호버 상태를 위한 부드러운 불투명도 전환. · 대규모 텍스트 요소를 위한 시네마틱 스크롤 리빌.

미세한 불투명도 감소. · 즉각적인 반응.

08

컴포넌트

• button 배경 없는 미니멀 텍스트 링크.
• card 풀블리드 이미지 오버레이.
• hero 거대하고 좌측 정렬된 타이포그래피가 있는 풀뷰포트 포토그래픽 배경.

09

보이스와 금지 목록

• 톤 자신감 있고 절제된 프리미엄 톤.
• 헤드라인 라이트 웨이트의 거대한 단어 또는 짧은 구절 문구.
• CTA 절제된 텍스트 기반 행동 유도.

• 무거운 폰트 웨이트를 사용하지 마세요 — 스크린샷은 모든 텍스트에 일관된 라이트(300) 웨이트를 보여줍니다.
• 주요 표면에 둥근 모서리를 추가하지 마세요 — 스크린샷은 날카롭고 건축적인 엣지를 보여줍니다.
• 밝고 채도 높은 악센트 색상을 사용하지 마세요 — 스크린샷은 포토그래피 위의 화이트 텍스트에 의존합니다.
• 레이아웃을 복잡하게 하지 마세요 — 스크린샷은 텍스트 블록 주위에 여유로운 패딩(예: 50px)을 보여줍니다.
• 눈에 보이는 선이 있는 그리드를 사용하지 마세요 — 스크린샷은 여백과 정렬로 콘텐츠를 구성합니다.
• 작은 디스플레이 텍스트를 사용하지 마세요 — 스크린샷은 'Digital'을 거대한 250px 스케일로 보여줍니다.
• 피하기: 강하고 채도 높은 색상.
• 피하기: 주요 컨테이너의 둥근 모서리.
• 피하기: 무거운 폰트 웨이트(400 이상).

10

팩 안의 실제 스크린샷

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

11

System Prompt

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