Mercury 把銀行介面拆成晝夜兩個世界：首頁沉入 #171721 的墨紫夜色，產品與定價頁則翻到 #fbfcfd 的近白畫布，導覽與頁尾始終留在夜裡。全站只有一枚飽和的靛藍 #5266eb 膠囊按鈕，其餘按鈕都是半透明膠囊；arcadia 與 arcadiaDisplay 以 360/420/480 的輕字重撐起層級，卡片靠 12px 圓角與色塊而非陰影分層。
Mercury金融科技與加密
提示詞範本
基礎範本
Design a Mercury-inspired interface. - Two native worlds: an ink-violet night homepage (#171721) and near-white product pages (#fbfcfd), framed by the same dark nav and footer; - A single saturated indigo (#5266eb) action pill with 32px corners, while every secondary action is a translucent 40px capsule; - arcadia and arcadiaDisplay at light variable weights (360 body, 420 UI, 480 headlines) with a hair of positive tracking on card titles; - Lavender (#edecfb) feature cards and #1e1e2a raised cards, separated by fill rather than borders; - Tonal elevation only -- 12px cards and faint layered shadows under the pricing table; - Uppercase eyebrows in #554e7b set the section rhythm. Colors: #171721, #5266eb, #fbfcfd, #edecfb, #ededf3 with #5266eb accent. Typography: arcadiaDisplay and arcadia, 360-480.
變體提示詞
📱 行動裝置
Design a mobile banking app with Mercury aesthetics. Deep ink-violet surfaces, one #5266eb pill action, light arcadia weights and 12px cards. Calm, touch-friendly, private-bank feel.
💻 Web 端
Design a web application with Mercury style. Night nav and footer framing near-white pages, #5266eb accent, translucent secondary pills and lavender feature cards. Precise, spacious, responsive.
📊 儀表板
Design a dashboard with Mercury design language. Ink-violet shell, #5266eb active indicators, tonal 12px cards and light arcadia labels. Data-dense but quiet.
📄 到達頁
Design a landing page with Mercury visual identity. Dark hero, #5266eb conversion pill, arcadiaDisplay headlines at 480 weight. Confident, nocturnal, conversion-focused.
使用範例
Mercury 開戶頁
Web 端Build a business banking web app with Mercury design language, #5266eb action pills and an ink-violet shell.
Mercury 資金儀表板
儀表板Create a treasury dashboard using Mercury style with #5266eb indicators, tonal cards and light arcadia labels.
✅ 適用情境
- 數位銀行與財富管理產品
- 面向創業者的企業帳戶產品頁
- 夜間氣質的金融品牌網站
❌ 不適用情境
- 高飽和促銷活動頁
- 兒童或遊戲化理財應用程式
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。