OpenDesign·你的设计资产库

网页参考

Thecommunicationstudio Pt

一个简洁、以摄影为主导的编辑类作品集,适用于创意制作工作室。

EditorialPhotographicAgencyPortfolioPremium

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

01

设计气质 DNA

编辑设计奢华制作创意指导摄影

高端时尚杂志作品集或奢侈品牌案例研究档案。

02

色彩

#1A1A1AInk
#D3CEBCBG
#FFFFFFMuted
rgba(0,0,0,0.1)Line

柔和、温暖的中性背景,为生动的摄影内容提供一个平静而精致的画布。

03

字体

transitional-serif

  • display32px · 400
  • navigation36px · 400
  • caption14px · 400

在深色图片上叠加说明文字时使用白色文字 · 为展示型标题保持紧凑的字距

04

间距

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

照片画廊采用基于严格网格的间距,间距保持一致。

05

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

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

无可见边框;依赖图片边缘和留白进行视觉分隔。

06

布局

1440container
3columns
8pxgutter
768 / 1024breakpoints

一个严格的三栏瀑布流或等高网格,用于项目缩略图。

07

动效与交互

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

从静态截图无法判断 · 从静态截图无法判断

08

组件

  • button 截图中未显示任何按钮
  • card 图片卡片无边框,使用底部对齐的白色文字叠加层展示项目标题和类别。
  • chip 截图中未显示任何标签
  • input 截图中未显示任何输入框
  • hero 无专属首屏区域;网站直接从作品集网格开始。

09

文案语气与禁用清单

  • 语气 专业、低调且奢华。
  • 标题风格 全大写、大尺寸衬线字体,字距宽松。
  • 按钮文案 从静态截图无法判断
  • 不要使用明亮或霓虹色作为强调色——截图显示的是严格柔和的温暖中性色板
  • 不要给图片或卡片添加圆角——截图显示的是棱角分明的直角边缘
  • 不要为标题使用无衬线字体——截图展示的是优雅的过渡衬线字体
  • 不要使用深色模式或深色背景——截图显示的是浅色、温暖的米色背景
  • 不要添加装饰性图标或插图——截图完全依赖于高质量的摄影
  • 不要使用繁杂或混乱的布局——截图显示的是简洁、严格的三栏网格
  • 避免: 过于随意的语言
  • 避免: 明亮的霓虹色
  • 避免: 装饰性元素
  • 避免: 厚重的投影
  • 避免: 图片的圆角

11

System Prompt

这个网站是'The Communication Studio'的创意机构作品集。它采用了严格的、以摄影为先导的编辑设计。色板极简:柔和的温暖米色背景(#D3CEBC),深色文字(#1A1A1A)和白色叠加文字(#FFFFFF)。排版仅使用过渡衬线字体,标题为大号全大写字体,说明文字则使用简洁衬线字体。布局是简洁的三栏网格,无可见边框或投影。关键禁忌:不要为展示型标题使用无衬线字体;不要给图片卡片添加圆角;不要使用深色模式;不要引入明亮的强调色;不要用装饰性插图代替摄影;不要使用厚重的阴影。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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