精选 · 开放 · 免费

Increase

为科技公司提供的企业级银行 API。

01

设计气质 DNA

一个为金融基础设施精密设计的仪表盘。

02

色彩

一套整洁、专业的配色方案，以深海军蓝为信任基石，辅以充满活力的青绿和酸橙渐变，营造现代科技感。

03

字体

grotesque-sans · monospace

• display72px · 700
• h240px · 700
• body16px · 400
• caption14px · 400

04

间距

采用一致的4px网格系统，构建清晰的视觉层级。

05

表面 (圆角 / 阴影 / 边线)

1px solid rgba(26, 43, 59, 0.1)

rgba(12, 25, 39, 0.05) 0px 6px 8px 0px · rgba(12, 25, 39, 0.06) 0px 16px 20px 0px · rgba(12, 25, 39, 0.1) 0px 50px 60px 0px

06

布局

带有12列网格的最大宽度容器，将主要内容居中。

07

动效与交互

交互元素悬停状态的平滑过渡 · 交互时微妙的颜色和阴影变化

微妙的颜色过渡或轻微的阴影抬升。 · 即时的视觉反馈，通常通过颜色或缩放变化实现。

08

组件

• button 深色的药丸形主按钮，配白色文字；白色的次要按钮，带有深色边框和图标。
• card 整洁的白色卡片，带有微妙的阴影和12px的圆角边框。
• chip 小巧的、圆角的药丸形标签。
• input 带有微妙边框和圆角的整洁文本输入框。
• hero 搭配动态、重叠几何渐变的大尺寸、有冲击力的排版。

09

文案语气与禁用清单

• 语气 专业、权威且面向开发者。
• 标题风格 直接、有力的陈述，强调企业级可靠性。
• 按钮文案 以行动为导向，带有明确的指向性箭头。

• 不要使用衬线字体——截图显示展示和正文均使用 grotesque-sans
• 不要使用复杂、有机的插图——截图显示的是大胆、扁平的几何渐变
• 不要使用缺乏清晰层级的宽阔、空旷布局——截图显示的是紧凑、结构化的网格
• 不要将明亮、霓虹色作为主要UI元素——截图使用深海军蓝作为基底，搭配鲜艳的点缀色
• 不要在所有元素上都使用厚重的阴影——截图仅在卡片和按钮上使用微妙阴影
• 不要使用杂乱的导航栏——截图显示的是整洁、极简的顶部导航
• 避免: 过于随意的口语
• 避免: 花哨的形容词
• 避免: 模糊的营销话术

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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