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 编程工具使用。