通过 Tokens Studio 插件成功将 design-tokens.json 导入 Figma,包含颜色、字体、间距、圆角、阴影等完整 Token 体系。
390×844 尺寸(iPhone 14),翡翠绿风格,Poppins + Inter + DM Mono 字体,前端可直接参考像素级还原。
注册页、KYC验证页、贷款申请页 HTML 已完成,待发布。还需完成:贷款详情、还款页、弹窗、结果页。
需求:紫色渐变 + 互联网插图风(2.5D扁平插画,人物+金币+手机+礼物盒)
文案:New User Gift: Approval Rate Up to 98% — Today Only / Quick Loan, Funds in 5 Minutes
状态:Gemini API 全天过载,明天重试。用户明确要求 AI 生成插图风,不要 HTML/CSS 拼接。
分析了 KreditBee、MoneyTap、Navi 等印度主流金融App设计风格。
原版风格:橙色系主色、暖灰/黑色背景、小圆角、高信息密度。
确定差异化方向:翡翠绿主色调,冷灰蓝背景,大圆角,轻柔阴影。
完整的设计规范体系,包含颜色、字体、间距、圆角、阴影等。
| 主色 | #00B876 翡翠绿 |
| 深绿 | #00875A |
| 浅绿 | #E6F9F1 |
| 金色 | #FFB800 收益/奖励 |
| 珊瑚红 | #FF6B6B 警告/错误 |
| 背景 | #F5F7FA 冷灰蓝 |
| 渐变 | #00B876 → #00D68F |
| 字体 | Poppins(标题)/ Inter(正文)/ DM Mono(数字) |
| 圆角 | 卡片 16px / 按钮 12px / 输入框 12px |
| 按钮高度 | 52px |
用 Gemini 生成的翡翠绿风格参考图,用于 Figma 换肤对照。
16:9 互联网UI风格 Banner,Gemini 生成。
修复了 API Key 读取路径、publish-share 路径、mktemp 冲突问题,测试通过。