精選 · 開放 · 免費

Mercury

這是運用電影感攝影與精緻排版,將金融科技產品提升為高端品牌體驗的典範。

fintech refined saas
Mercury 網站截圖

原站: https://mercury.com

在 OpenDesign 中開啟

設計 DNA

視覺語言

以深木炭色 (#171721) 與純淨白色 (#EDEDF3) 為主的深沉、精緻配色方案,並以單一鮮豔的藍色 (#5266EB) 作為點綴。

版面結構

全出血電影感首圖區域,過渡到乾淨、結構化的卡片式格狀佈局,並保留充裕的留白。

互動形態

在 hover 狀態下,使用 cubic-bezier 緩動實現流暢、細膩的過渡效果,以維持精緻的質感。

動效規則

內斂且功能性強,主要透過透明度與色彩變化引導使用者,避免造成干擾。

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