SuperAPI AI 工具集

mph-synthwave-theme

设计与创作

查看项目

更新于 10-16 01:20

技能介绍

用途:当需要构建或美化 UI、仪表盘、组件或网页应用,或用户提到“my style”“my theme”“synthwave”“traderdaddy”“bloomberg terminal”“neon”时,使用该技能自动注入对应的 CSS 规则,生成符合 Momentum Phinance(TraderDaddy)品牌审美的界面。

主要能力:定义了一套完整视觉语言,融合高性能 Bloomberg 终端与 Cyberpunk/Synthwave 风格。字体方面,数据与数字使用 JetBrains Mono 或 Fira Code,界面文本使用 Inter、Roboto 或 Outfit,不使用浏览器默认字体。配色以极深冷灰黑为背景(主背景 #0a0a0c,面板 #121216 或 rgba(20,20,25,0.7)),霓虹强调色包括霓虹青 #00f0ff(主边框、激活态)、霓虹粉 #ff003c(警报、空头、破坏性操作)、霓虹绿 #00ff88(多头、正收益、执行操作)、电紫 #b026ff(次级强调),文字主色为 #ffffff 或 #eaeaea,次级文字 #888899。

使用方式:通过玻璃拟态实现层次,卡片使用半透明背景与 backdrop-filter: blur(10px),配合细边框和阴影;交互元素需带有霓虹发光效果,按钮使用淡淡的霓虹色背景、实色霓虹边框,悬停时增强背景并添加 box-shadow 发光;布局强调高密度、终端风格,用 1px 细线分隔区域,圆角为 4px 至 8px。实现时需引入 Inter 和 JetBrains Mono 的 Google Fonts link 标签,并按审美规则复查,若不够像现代高级 synthwave 交易终端,则提高对比度并增加玻璃拟态/发光。

适用场景与限制:适用于需要快速统一品牌视觉的网页界面、仪表盘和组件生成;资料未提供该技能的具体安装方式、依赖、平台支持、收费、价格或效果保证,这些信息暂未提供。