OpenDesign·你的设计资产库

网页参考

Manifesto Endel

一个暗色、极简的宣言页面，通过克制的排版和单一的行动号召传递专注的品牌信息。

Dark ModePremiumEditorialMinimalProduct

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

01

设计气质 DNA

宣言重塑集体未来Endel

一个干净、专注的宣言着陆页，核心信息优先于视觉复杂性。

02

色彩

#FFFFFFInk
#000000BG
#6F6F6FMuted
rgba(111, 111, 111, 1)Line

高对比度单色调色板，仅使用一种柔和灰色用于次要UI元素。

03

字体

humanist-sans

  • display40px · 400
  • h124px · 400
  • body16px · 400

所有文本使用字体族：Roboto, sans-serif · 所有文本使用字体粗细：400 · 标题使用稍紧的字距以增强视觉冲击力

04

间距

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

垂直间距宽松，在标志、标题与行动号召之间形成清晰分隔。

05

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

sm · 4px
md · 10px
lg · 16px
pill · 999px

除按钮使用纯色背景外，无可见边框。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

居中、垂直堆叠的布局，所有内容沿中心轴对齐。

07

动效与交互

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

所有元素均设置过渡属性为 'all'。

按钮在hover时改变状态。 · 单一主要操作按钮。

08

组件

  • button 主要CTA，采用柔和的灰色背景（#4D4D4D）、白色文本，圆角10px。
  • hero 全视口黑色背景，包含居中的标志、标题与CTA。

09

文案语气与禁用清单

  • 语气 权威且富有远见。
  • 标题风格 陈述式且居中。
  • 按钮文案 直接且导向行动（如“了解更多”）。
  • 不要使用浅色背景——截图显示为纯黑（#000000）背景。
  • 不要使用多种字体粗细——截图显示仅使用font-weight 400。
  • 不要添加亮色强调色——截图仅显示白色与柔和灰色（#6F6F6F）。
  • 不要使用复杂布局——截图显示为简单的居中垂直堆叠结构。
  • 不要在卡片上使用投影——截图显示无阴影元素。
  • 不要使用装饰性图案——截图显示为纯黑背景。
  • 避免: 复杂句式
  • 避免: 装饰性元素
  • 避免: 多个竞争性操作

10

包内真实截图

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

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

11

System Prompt

您正在为一个极简、暗黑主题的宣言网站生成设计系统。调色板严格单色：纯黑（#000000）背景，白色（#FFFFFF）主要文本，柔和灰色（#6F6F6F）用于次要元素（如行动号召按钮）。排版采用Roboto（一种人文主义无衬线字体），所有元素统一使用font-weight 400。布局居中且垂直堆叠。关键要点：使用高对比度，保持宽松的垂直间距，界面保持极简。关键禁忌：切勿引入亮色强调色，切勿使用装饰性图案或投影，切勿使用多种字体粗细。语调应权威且富有远见。该系统应营造出高端、专注且深思熟虑的感觉。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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