큐레이션 · 오픈 · 무료

Mercury

시네마틱한 사진과 정교한 타이포그래피를 활용하여 핀테크 제품을 프리미엄 브랜드 경험으로 승격시킨 훌륭한 사례입니다.

fintech refined saas
Mercury 스크린샷

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

OpenDesign 에서 열기

디자인 DNA

시각 언어

딥 차콜(#171721)과 크리스프 화이트(#EDEDF3)를 주로 사용한 어둡고 정교한 팔레트에, 단일의 밝은 블루(#5266EB)로 포인트를 주었습니다.

레이아웃 구조

시네마틱한 히어로 섹션을 풀블리드로 배치하고, 넉넉한 여백을 둔 깔끔하고 구조화된 카드 그리드로 자연스럽게 전환됩니다.

인터랙션 형태

정교한 느낌을 유지하기 위해 cubic-bezier 이징을 사용한, 호버 상태의 부드럽고 미세한 전환 효과를 적용합니다.

모션 규칙

절제되고 기능적이며, 사용자의 주의를 분산시키지 않으면서도 투명도와 색상 변화를 주로 활용하여 사용자를 유도합니다.

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