OpenDesign·你的设计资产库

网页参考

Clasebcn

一家专注于文化话语与精致美学的品牌塑造机构作品集网站。

AgencyStudioCleanPhotographicTypography

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

01

设计气质 DNA

品牌塑造设计机构文化话语

高端文化机构的展览图录

02

色彩

#000000Ink
#FFFFFFBG
#666666Muted
rgba(0, 0, 0, 0.1)Line

严格的单色调色板,黑色文字与白色背景之间具有高对比度。

03

字体

transitional-serif

  • display48px · 400
  • heading24px · 400
  • body16px · 400

所有排版使用过渡衬线体。 · 保持充足的行高以确保可读性。 · 避免使用超过两种不同的字体尺寸。

04

间距

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

严格的 4px 网格,元素间留有充足间距。

05

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

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

无可见边框;依靠间距进行分隔。

06

布局

1400container
12columns
32pxgutter
768 / 1024breakpoints

全宽主图配文字叠加;顶部水平导航栏。

07

动效与交互

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

细微的页面过渡 · 平滑滚动

导航链接的文字颜色变化或下划线。 · 立即响应并进行页面过渡。

08

组件

  • button 带箭头指示的文本链接,无背景或边框。
  • card 全出血图像卡片,配文字叠加。
  • hero 大型摄影图像,配衬线文字叠加。

09

文案语气与禁用清单

  • 语气 正式、知性、精致。
  • 标题风格 陈述式、聚焦文化的声明。
  • 按钮文案 含蓄、描述性的行动号召(例如:“查看案例 →”)。
  • 不要使用无衬线字体——截图显示全部使用衬线字体排版
  • 不要使用鲜艳的强调色——截图显示严格的黑白色调
  • 不要使用圆角——截图显示为锐利的矩形元素
  • 不要使用投影——截图显示为平面、干净的界面
  • 不要使用拥挤的布局——截图显示充足的留白和间距
  • 不要使用复杂的导航菜单——截图显示为简单的水平文本链接
  • 避免: 过多的标点符号
  • 避免: 非正式用语
  • 避免: 技术术语

11

System Prompt

这是一个品牌塑造机构的作品集网站,具有极简、精致的美学风格。设计采用严格的单色调色板,黑色(#000000)文字搭配白色(#FFFFFF)背景。排版完全使用过渡衬线体,同时用于标题和正文。关键禁忌:避免无衬线字体、避免彩色强调、避免圆角、避免投影、避免拥挤布局、避免复杂导航。布局简洁宽敞,留白充足,聚焦于高品质摄影和精致的排版。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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