OpenDesign·你的设计资产库

网页参考

Chelsea

一个具有简洁通透布局与粗体排版锚点的极简编辑网站。

EditorialCleanCurationStudioGrid

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

01

设计气质 DNA

极简主义编辑设计策展精致画廊

高端艺术画廊或设计工作室作品集。

02

色彩

#1A1A1AInk
#F6F3EFBG
#A0A0A0Muted
rgba(26, 26, 26, 0.15)Line

以温暖的米白色为中性基底,搭配高对比度深墨色,确保清晰的可读性。

03

字体

geometric-sans

  • display48px · 700
  • body16px · 400

标题文本使用紧凑的字间距。 · 确保文本与背景之间具有高对比度。 · 品牌标识元素使用粗体字重。

04

间距

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

垂直韵律由充足的留白与网格对齐的导航栏决定。

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

纤细的水平分隔线,用于分隔导航与主内容区域。

06

布局

1280container
4columns
32pxgutter
768 / 1024breakpoints

简洁的四栏顶部导航,下方为大面积空白内容区域。

07

动效与交互

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

内容加载时的微妙渐隐效果

导航链接上的文本颜色或透明度发生微妙变化。 · 直接导航或状态变更。

08

组件

  • button 无边框的极简文本按钮或链接。
  • card 可能采用适用于项目的、基于网格的简洁卡片布局(此截图中未显示)。
  • hero 一个大面积、高对比度的空白区域,由品牌标识主导。

09

文案语气与禁用清单

  • 语气 自信、沉静、精致。
  • 标题风格 粗体、极简、字间距紧凑。
  • 按钮文案 微妙、基于文本、不突兀。
  • 勿添加不必要的装饰元素——截图展示了大量洁净的留白。
  • 勿使用彩色调色板——截图仅使用温暖的米白色与深墨色。
  • 勿使用复杂的阴影或 3D 效果——截图完全是扁平化的。
  • 勿使用高度装饰性或手写体字体——截图使用的是简洁的几何无衬线字体。
  • 勿让界面拥挤——截图强调底部单一、粗体的品牌标识组合。
  • 勿使用圆角容器——截图展示的是尖锐边缘与直线。
  • 避免: 鲜艳的色彩
  • 避免: 杂乱的布局
  • 避免: 装饰性元素

11

System Prompt

定位:极简编辑或工作室作品集网站。关键十六进制颜色:温暖的米白色背景 (#F6F3EF) 与高对比度深墨色 (#1A1A1A)。字体类别:所有排版均使用简洁的几何无衬线字体。关键禁忌:1. 勿添加不必要的装饰元素,因为截图展示了大量洁净的留白。2. 勿使用彩色调色板,因为截图仅使用温暖的米白色与深墨色。3. 勿使用复杂的阴影或 3D 效果,因为截图完全是扁平化的。系统应优先考虑可读性与充足的留白,以营造精致、高端的美感。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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