精选 · 开放 · 免费

Mercury

堪称典范,利用电影摄影和精致排版将金融科技产品提升为高端品牌体验。

fintech refined saas
Mercury 网站截图

原站: https://mercury.com

在 OpenDesign 中打开

设计 DNA

视觉语言

一套深邃、精致的暗色调调色板,以深木炭色 (#171721) 和纯白色 (#EDEDF3) 为主,并辅以单一的亮蓝色 (#5266EB) 作为点缀。

布局结构

全出血电影感英雄区块,过渡到简洁、结构化的卡片网格,并配以充裕的留白。

交互形态

在 hover 状态下使用 cubic-bezier 缓动实现平滑、微妙的过渡,以维持精致感。

动效规则

低调且功能化,主要通过不透明度和颜色变化来引导用户,避免干扰。

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