精选 · 开放 · 免费

Linusrogge

一个简洁、实用的金融科技仪表盘，专为严格的反洗钱工作流和数据密集型任务管理而设计。

01

设计气质 DNA

面向金融专业人士的合规管控中心

02

色彩

高对比度的实用主义配色，辅以单一的策略性蓝色以标记主要操作。

03

字体

geometric-sans · humanist-sans · monospace

• display40px · 600
• heading24px · 500
• body14px · 400
• caption12px · 400

为密集的数据表格使用紧凑的行距，以最大化空间效率。 · 所有文本元素优先考虑可读性，而非风格化修饰。 · 保持一致的字重层级，以区分主要信息和次要信息。

04

间距

严格的 4px 网格，用于对齐复杂的数据结构和密集的布局组件。

05

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

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

card: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04) · modal: 0 4px 16px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.06)

06

布局

固定侧边导航栏搭配灵活的主内容区域，内容区划分为多个卡片。

07

动效与交互

模态框和下拉菜单使用细微的淡入效果。 · 复选框和开关采用即时状态变化。

行和列表项的细微背景色变化，以指示其可交互性。 · 按钮和交互元素提供即时视觉反馈。

08

组件

• button 主要按钮：实心蓝色（#0052FF）配白色文字。次要按钮：幽灵样式，带灰色边框。
• card 白色背景，细微灰色边框，极小的圆角（4px），营造实用主义感觉。
• chip 小巧、圆润的标签，用于状态指示或筛选，通常带有浅色背景填充。
• input 干净的文本输入框，上方有清晰的标签，使用底部或完整边框。
• hero 无传统英雄区；主视图是即时、数据丰富的工作区或模态框覆盖层。

09

文案语气与禁用清单

• 语气 权威、精确且专业。专注于清晰度和任务完成。
• 标题风格 直接且功能性。避免营销套话，采用清晰的区域标题。
• 按钮文案 在清晰、独立的按钮上使用行动导向的动词（例如 “保存并结束”、“新客户”）。

• 不要使用鲜艳、俏皮的调色板——截图显示的是一个高度克制、主要为单色的界面。
• 不要使用装饰性衬线字体——界面完全依赖于简洁的无衬线字体以确保可读性。
• 不要使用宽大、空旷的间距——设计优先考虑信息密度以展示复杂数据。
• 不要使用沉重的投影——阴影非常细微，仅用于轻微提升卡片或模态框的层次感。
• 不要使用圆润、气泡状的按钮——组件是棱角分明的矩形，以营造实用主义感觉。
• 不要用厚重的覆盖层遮挡数据——即使是模态框也设计得干净利落，旨在清晰呈现可操作信息。
• 避免: 俏皮或口语化的语言。
• 避免: 模糊、励志的营销文案。
• 避免: 过多的感叹号或表情符号。

11

System Prompt

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