精选 · 开放 · 免费

Cash

一个现代消费金融应用的大胆、高对比度的面貌。

01

设计气质 DNA

一个流畅、自信的金融科技平台，融合了深色奢华感与充满活力、易于获取的绿色能量。

02

色彩

在深黑色和鲜亮霓虹绿之间形成极端高对比度，并使用纯净白色作为卡片表面。

03

字体

humanist-sans · monospace

• display56px · 400

04

间距

基于一致的 4px 基础，段落间距采用充裕的垂直内边距（90px）。

05

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

1px solid rgba(0,0,0,0.3)

rgba(0,0,0,0.1) 0px 8px 20px 0px · rgba(0,0,0,0.1) 0px 24px 48px 0px

06

布局

一个对称的分屏首屏，内容居中，随后过渡为堆叠式移动布局。

07

动效与交互

流畅的颜色过渡 · 微妙的变换位移

交互元素上出现微妙的亮度或缩放变化。 · 通过颜色反转或轻微压缩提供即时的视觉反馈。

08

组件

• button 圆角药丸形状，主要使用霓虹绿配黑色文字，或黑色配白色文字。
• card 大型、圆角的白色卡片，漂浮在深色背景上，用于展示应用界面。
• chip 简单的矩形标签或状态指示器。
• input 极简、无边框或带微妙边框的输入框，专注于清晰度。
• hero 分屏布局，左侧是加粗、左对齐的文字，右侧是动态、居中的应用原型图。

09

文案语气与禁用清单

• 语气 自信、现代且直接。
• 标题风格 简洁有力的短语，强调便捷与颠覆性。
• 按钮文案 以行动为导向，带有方向箭头，使用高对比度色彩。

• 不要使用柔和、粉彩的配色方案——截图显示的是高对比度的黑色和鲜亮霓虹绿。
• 不要使用复杂的衬线字体——截图显示的是简洁、现代的无衬线字体类别。
• 不要用密集文字使布局显得拥挤——截图显示了充裕的留白和清晰的层次。
• 不要使用微妙、低对比度的边框——截图显示了大胆、清晰的表面和圆角。
• 不要使用传统的、方正的按钮形状——截图显示的是高度圆角的、药丸形的行动号召按钮。
• 不要用深灰色代替纯黑色——截图使用的是纯正、深邃的 #000000 背景。
• 避免: 复杂术语
• 避免: 拥挤的布局
• 避免: 单调或柔和的配色

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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