큐레이션 · 오픈 · 무료

Wakawaka

대담하고 조각적인 타이포그래피로 기능성 나무 오브제를 선보이는 정교한 디자인 스튜디오 포트폴리오.

01

디자인 DNA

미니멀 갤러리 전시 카탈로그.

02

컬러

타이포그래피와 사진이 중심이 될 수 있도록 하는 고대비, 미니멀 팔레트.

03

타이포그래피

grotesque-sans

• display560px · 500
• body14px · 400

내비게이션 및 메타데이터용 대문자 스몰 캡스 · 작은 대문자 텍스트의 무거운 트래킹 · 거대한 디스플레이 텍스트의 극단적인 네거티브 트래킹

04

여백

타이포그래피가 가장자리까지 블리드될 수 있도록 최소한의 수평 패딩과 넉넉한 수직 간격.

05

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

없음. 구분은 형태와 간격에 의존합니다.

06

레이아웃

오버사이즈 타이포그래피가 뷰포트를 지배하는 전체 블리드 수직 스택.

07

모션과 인터랙션

호버 상태에서의 섬세한 불투명도 및 변환 트랜지션.

미세한 스케일 또는 불투명도 변화. · 바운스 없이 즉각적인 반응.

08

컴포넌트

• button 보이지 않음.
• card 보이지 않음.
• chip 보이지 않음.
• input 보이지 않음.
• hero 전체 폭 사진 스터디와 함께하는 거대한 타이포그래픽 워드마크.

09

보이스와 금지 목록

• 톤 미니멀하고 조용하며 자신감 있는.
• 헤드라인 단일 단어, 거대하며 조각적인.
• CTA 보이지 않음.

• 흰색 배경을 사용하지 마십시오 — 스크린샷은 오프화이트(#EDEAE4) 배경을 보여줍니다.
• 요소에 드롭 그림자를 추가하지 마십시오 — 스크린샷은 그림자 없이 완전히 플랫한 디자인을 보여줍니다.
• 작고 좁은 디스플레이 타입을 사용하지 마십시오 — 스크린샷은 거대하고 넓은 타이포그래피를 보여줍니다.
• 히어로 텍스트에 넓은 문자 간격을 사용하지 마십시오 — 스크린샷은 극단적인 네거티브 트래킹을 보여줍니다.
• 화려한 악센트를 사용하지 마십시오 — 스크린샷은 밝은 악센트 색상이 없는 철저히 단색 팔레트를 보여줍니다.
• 레이아웃 요소에 둥근 모서리를 사용하지 마십시오 — 스크린샷은 날카롭고 둥글지 않은 가장자리를 보여줍니다.
• 피하기: 혼잡함
• 피하기: 지나친 장식
• 피하기: 복잡한 내비게이션

10

팩 안의 실제 스크린샷

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

11

System Prompt

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