큐레이션 · 오픈 · 무료

Cuberto

이 사이트는 제한된 단색 팔레트와 대담한 타이포그래피가 어떻게 높은 수준의 프리미엄하고 전문적인 에이전시 아이덴티티를 구축할 수 있는지 보여주는 완벽한 예시입니다.

agency motion interaction
Cuberto 스크린샷

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

OpenDesign 에서 열기

디자인 DNA

시각 언어

순백, 진검정, 연한 회색으로 구성된 엄격한 단색 팔레트를 사용하여 높은 대비를 통해 프리미엄하고 세련된 느낌을 연출합니다.

레이아웃 구조

레이아웃은 넓고 여유롭게 설계되어 있으며, 상단에 중앙 정렬된 대형 타이포그래피를 배치하고 깔끔한 2열 프로젝트 그리드로 전환됩니다.

인터랙션 형태

인터랙션은 부드러운 물리 기반 트랜지션과 연락처 정보를 위한 지속적이고 회전하는 원형 배지가 특징입니다.

모션 규칙

모션은 정교하고 의도적이며, 페이지 트랜지션과 패럴랙스 효과를 위해 긴 지속 시간의 사용자 지정 이징 커브 (cubic-bezier(0.16, 1, 0.3, 1))를 활용합니다.

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