精选 · 开放 · 免费

Fey

一款高端金融科技工具，将复杂的市场数据简化为可操作的投资洞察。

productfinancedark
Fey 网站截图
↓ 下载设计系统包 (26 MB)在 OpenDesign 中打开

原站: https://www.fey.com

📦 浏览包内文件 →

01

设计气质 DNA

金融分析清晰洞察高端

面向现代投资者的私人财富仪表板

02

色彩

#E6E6E6Ink
#868F97Ink soft
#0B0B0BBG
#1A1B20BG soft
rgba(255, 255, 255, 0.04)Line

深邃的近黑色界面，搭配高对比度排版，以最大程度地聚焦于密集的金融数据。

03

字体

grotesque-sans · monospace

所有文本使用 Calibre 字体 · 大型标题使用紧凑的负字距 · 所有正文和说明文字使用 400 字重

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

在独立的UI区块和卡片之间采用充足的留白和清晰的间距（24px）。

05

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

sm · 6px
md · 10px
lg · 16px
pill · 99px

rgba(0, 0, 0, 0.28) 0px 14px 24px 0px · rgba(0, 0, 0, 0.66) 0px 53.1263px 86.7729px 0px

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

单栏居中布局，包含全出血的应用截图和宽卡片布局。

07

动效与交互

100msmicro
250mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

悬停状态下的细微透明度淡入淡出 · 平滑的背景过渡

交互元素采用细微的透明度变化或背景切换 · 即时响应，无复杂的物理动画

08

组件

09

文案语气与禁用清单

10

包内真实截图

Fey — 桌面首屏（hero）
桌面首屏（hero）
Fey — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fey — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fey — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fey — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fey — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fey — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fey — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fey — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fey — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fey — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fey — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fey — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fey — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Fey — 移动首屏
移动首屏

抓自真实页面 · 真 computed styles

11

System Prompt

一个用于投资分析的高端金融科技仪表板，其特点是近黑色（#0B0B0B）的暗色模式、高对比度的 #E6E6E6 排版以及简洁、数据驱动的美学。界面使用 Calibre 怪诞无衬线字体族，粗体标题采用紧凑的负字距。关键组件包括深色、半透明的卡片，带有细微的白色边框和大圆角（16px）。关键约束：避免使用明亮、高饱和度的强调色，不要使用衬线字体，并保持充足的留白以防止密集的金融数据显得杂乱。语调权威且清晰，专注于简化复杂信息。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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