OpenDesign·你的设计资产库

网页参考

Optimism

企业级区块链基础设施,融合开发者导向与高端美学。

CryptoL2

封面待补录,可通过原站查看设计。

01

设计气质 DNA

区块链企业级开发者基础设施加密技术

为区块链技术提供高端企业级基础设施的服务商

02

色彩

#111111Ink
#7B7B7BInk soft
#F4F4F0BG soft
#FAFAF9BG quiet
rgba(17,17,17,0.5)Line

采用暖调米白色背景的高对比度单色调色板,确保最大可读性与专业基调。

03

字体

humanist-sans · monospace

  • display65px · 400
  • heading40px · 400
  • body16px · 400
  • small14px · 400

04

间距

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

基于4px网格的充裕留白,营造高端、整洁的视觉感受。

05

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

sm · 6px
md · 8px
lg · 12px
pill · 999999px

采用 1px solid rgba(17,17,17,0.5) 进行微妙的视觉分隔

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

居中单栏英雄区,下方采用多栏卡片网格布局

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing

交互元素上微妙的悬停过渡效果 · 平滑的页面滚动效果

按钮与链接的颜色过渡,以及微妙的背景变化 · 提供即时反馈,伴随轻微的缩放或颜色变化

08

组件

  • button 深色背景或描边边框的药丸形按钮,搭配高对比度文本
  • card 简洁的矩形卡片,采用极简边框,用于客户评价与数据统计
  • chip 带图标的圆角药丸形标签,用于如「金融科技」、「交易所」等类别标识
  • input 简洁、最小化的输入框,带有细微边框
  • hero 全宽居中英雄区,采用大号字体与醒目的行动号召按钮

09

文案语气与禁用清单

  • 语气 专业、自信且权威,同时对开发者保持亲和力
  • 标题风格 简短、有力的陈述,使用强动词,常以排比形式出现
  • 按钮文案 直接且行动导向,使用如「开始构建」和「了解更多」等短语
  • 勿使用鲜艳的强调色 — 截图显示为单色调色板,无主导性色彩强调
  • 勿使用装饰性字体 — 截图显示所有文本均采用简洁的人文主义无衬线字体
  • 勿使布局过于拥挤 — 截图显示了充裕的留白,每个视口内元素极少
  • 勿使用复杂渐变 — 截图显示为纯色与极简的背景处理
  • 勿使用小而紧凑的排版 — 截图展示了尺寸充裕、自信的大标题
  • 勿使用圆润、 playful 的界面元素 — 截图显示多为矩形或轻微圆角的组件
  • 避免: 堆砌行话
  • 避免: 过于随意的语气
  • 避免: 侵略性的营销话术

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是一个面向企业与开发者受众的高端区块链基础设施网站。其定位强调通过区块链技术实现可靠性、高性能与收益生成。关键十六进制颜色包括:用于背景/文本的 #111111,用于柔和背景的 #F4F4F0,以及用于柔和文本的 #7B7B7B。字体采用人文主义无衬线体分类,尺寸充裕(标题65px)且字间距紧凑(-0.65px)。关键禁忌:1) 勿使用鲜艳的强调色,因调色板为严格单色;2) 勿使布局拥挤——保持充裕留白以维持高端感;3) 勿使用装饰性或手写字体——保持排版干净专业。设计优先考虑金融科技应用所需的清晰度、权威性与可信度。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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