큐레이션 · 오픈 · 무료

Collins

장식 요소 없이 타이포그래피와 여백이 모든 것을 담당하는 절제된 고급 에이전시 디자인의 훌륭한 예입니다.

branding studio
Collins 스크린샷

원본 사이트: https://wearecollins.com

OpenDesign 에서 열기

디자인 DNA

시각 언어

오프화이트, 흑색 잉크에 가까운 색, 따뜻하고 무채색의 회색으로 구성된 거의 단일 색조 팔레트는 지배적인 강조색 없이 세련된 편집적 대비를 만듭니다.

레이아웃 구조

거대한 여백으로 전환되는 중앙 정렬된 전면 뷰포트 영웅 이미지와 대형 이미지 중심 사례 연구 카드가 특징인 비대칭 콘텐츠 섹션으로 구성됩니다.

인터랙션 형태

clip-path 표시, 변환 및 opacity 사라짐을 위해 사용자 정의 cubic-bezier 곡선을 사용한 부드러운 0.25초~0.8초 전환입니다.

모션 규칙

날카로운 cubic-bezier easing을 사용한 최대 800ms의 확장된 지속 시간 애니메이션은 고급스럽고 의도적인 모션 느낌을 만들어냅니다.

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