OpenDesign·你的设计资产库

网页参考

Eco

高对比度金融基础设施网站,采用醒目排版叠加于电影感城市景观,配以冷调专业色板。

FintechBold TypographyPhotographicCalmPremium

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

基础设施可编程货币稳定性现代性

数字时代的流畅金融基础设施。

02

色彩

#000000Ink
#FFFFFFBG
#888888Muted
rgba(0,0,0,0.1)Line

以单色为基底,结合电影感摄影与高对比度。

03

字体

humanist-sans · monospace

  • display64px · 400
  • body18px · 400
  • caption12px · 500

导航与页脚标签采用宽字距及全大写。 · 主视觉区文字需高度易读,字距适中。

04

间距

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

垂直间距充裕,营造开放、透气的布局感。

05

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

sm · 4px
md · 8px
lg · 12px
pill · 999px

为交互元素(如主要 CTA 按钮)使用纤细、微妙的边框。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

居中主视觉布局,搭配标准导航栏与页脚。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

交互元素采用微妙的透明度变化或颜色反转。 · 即时响应。

08

组件

  • button 白色背景搭配黑色文字与微妙边框,标签采用全大写、宽字距样式。
  • card 不适用
  • chip 不适用
  • input 不适用
  • hero 全宽度、全视口摄影背景,叠加从暗到亮的垂直渐变遮罩以确保文字可读性。

09

文案语气与禁用清单

  • 语气 专业、权威、前瞻性。
  • 标题风格 醒目、直接、以利益为导向。
  • 按钮文案 行动导向,鼓励开发与集成。
  • 勿使用鲜艳或霓虹强调色——该设计依赖柔和的单色调色板。
  • 勿使用装饰性或手写体字体——该设计采用清晰、易读的无衬线字体。
  • 勿使用厚重的投影效果——该设计为完全扁平风格。
  • 勿使用繁杂或复杂的 UI 组件——该设计极简且以文字为核心。
  • 勿在摄影背景上使用低对比度文字——该设计采用强烈的渐变遮罩。
  • 勿使用俏皮或圆润的形状——该设计采用锋利的矩形按钮。
  • 避免: 俏皮语言
  • 避免: 过度使用感叹号
  • 避免: 缺乏语境的术语

11

System Prompt

这是一个高端金融基础设施网站。其品牌识别建立在简洁的 humanist-sans 排版与柔和的单色调色板(#000, #FFF, #888)之上。布局居中且开阔,采用全视口摄影主视觉区,并叠加从暗到亮的渐变遮罩以确保可读性。关键设计原则包括克制、高对比度以及专业权威的基调。核心禁忌:避免鲜艳的强调色、避免装饰性字体、避免繁杂的 UI 组件。该网站将自己定位为稳定币公司的严肃工具,采用醒目、直接的标题与宽字距导航标签。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。