OpenDesign·你的设计资产库

网页参考

Theodoreellison

一个专注于匠心、高端的展示定制设计的摄影氛围感工作室网站。

EditorialPhotographicPremiumStudioRestraint

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

01

设计气质 DNA

匠心定制工作室工艺画廊

高端匠心工作室画廊

02

色彩

#FFFFFFInk
#000000BG
rgba(255,255,255,0.1)Line

以黑色为画布,搭配白色排版和一幅全出血的氛围感摄影图片。

03

字体

geometric-sans

  • display72px · 400
  • nav12px · 400

所有排版均为大写字母 · 标题文字采用宽松的字间距 · 等宽或高度调整字距的几何无衬线字体

04

间距

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

元素周围留有充足的留白,并遵循严格的网格系统。

05

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

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

主行动按钮采用细白色边框。

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

全屏主视觉图片,顶部导航栏,底部对齐的大标题。

07

动效与交互

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

页面元素微妙的渐显效果 · 导航链接平滑的 hover 过渡

微妙的透明度变化或颜色偏移 · 标准指针光标

08

组件

  • button 白色矩形轮廓,内含大写文本
  • card 无可见组件
  • chip 无可见组件
  • input 无可见组件
  • hero 全出血的氛围感摄影,叠加导航栏和底部的大号排版。

09

文案语气与禁用清单

  • 语气 匠心、自信、专属
  • 标题风格 大号、全大写、宽字距、富有诗意
  • 按钮文案 清晰、全大写,由细边框框定
  • 不要使用明亮、高色度的强调色——截图显示在摄影背景上使用严格的单色色板。
  • 不要在主要导航或主视觉区域使用小写文本——截图显示所有内容均为大写。
  • 不要使用宽、粗体的无衬线字体——截图显示常规字重、宽字距的几何无衬线体。
  • 不要使用紧凑的字间距——截图显示所有可见文本均有意拉开了字距。
  • 不要在主视觉区域使用标准的段落块——截图使用的是大型、富有表现力的排版。
  • 不要为主要区域使用纯色背景——截图使用的是全出血的摄影背景。
  • 避免: 鲜艳、霓虹或高饱和度的强调色
  • 避免: 密集的正文段落
  • 避免: 俏皮或过于圆润的字体
  • 避免: 复杂、繁忙或拥挤的布局
  • 避免: 未经宽字距调整的标准无衬线字体

11

System Prompt

一个高端匠心工作室网站,特点是全出血的氛围感摄影、鲜明的黑白排版叠加,以及宽字距的几何无衬线字体。它将自己定位为专属的定制设计工作室,使用纯黑(#000000)和纯白(#FFFFFF)的克制色板,让摄影工艺自己说话。布局极简而开阔,专注于大写、拉宽字距的文本,营造出精致的画廊感。关键禁忌:不要在关键区域使用小写文本,不要添加高色度的强调色,不要使用标准字宽的字间距。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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