厳選・オープン・無料

Mercury

シネマティックな写真と洗練されたタイポグラフィを駆使し、フィンテック製体をプレミアムブランド体験へと昇華させる、見事なデザインの手本です。

fintech refined saas
Mercury のスクリーンショット

オリジナル: https://mercury.com

OpenDesign で開く

デザイン DNA

視覚言語

ダークで洗練されたパレット。深炭灰色 (#171721) と鮮やかな白 (#EDEDF3) を基調とし、鮮やかなブルー (#5266EB) でアクセントを加えています。

レイアウト構造

フルブリードのシネマティックなヒーローセクションから、豊かな余白を活かしたクリーンで構造化されたカードグリッドへと移行します。

インタラクション形態

ホバーステートにおいて、洗練された感覚を保ちつつ cubic-bezier を使った滑らかで微細なトランジションを適用します。

モーション規則

控えめで機能的。ユーザーの注意を散漫にせず導くため、主にオパシティとカラーの変化を用います。

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