OpenDesign·你的设计资产库

网页参考

Moffittmoffitt

一个以摄影为先、为创意工作室设计的极简作品集网站。

StudioPhotographicPremiumCleanGallery

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

01

设计气质 DNA

建筑设计摄影高端工作室

一个展示精致视觉叙事的高端创意机构作品集。

02

色彩

#FFFFFFInk
#000000BG
#888888Muted
rgba(255, 255, 255, 0.2)Line

高对比度黑白配色,摄影提供所有色彩。

03

字体

geometric-sans

  • display48px · 500
  • body14px · 400

所有文本使用几何无衬线字体。 · 为大号展示字体保持充足的行距。 · 保持适中的字重(400-500)以体现优雅。

04

间距

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

主内容元素周围保持充足的留白。

05

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

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

06

布局

1440container
12columns
768 / 1024breakpoints

全出血图片搭配最小化界面覆盖层。

07

动效与交互

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

作品集项目之间的幻灯片过渡

交互元素上微妙的缩放或透明度变化。 · 立即过渡到下一张幻灯片或详情视图。

08

组件

  • button 极简的文本按钮,采用药丸形轮廓。
  • card 全出血图片作为主内容卡片。
  • chip 带有细轮廓的简单文本标签('音乐'、'查看更多')。
  • hero 大型、沉浸式全视口摄影主视觉,搭配覆盖层排版。

09

文案语气与禁用清单

  • 语气 自信、极简、精致。
  • 标题风格 简短、有力、直接。
  • 按钮文案 低调且实用。
  • 不要使用投影——截图显示的是无凸起的扁平图像。
  • 不要使用多种字体——截图显示的是单一的几何无衬线字体系列。
  • 不要使用鲜艳的强调色——截图依靠摄影提供色彩。
  • 不要添加复杂的边框——截图显示的是干净的边缘或最小的药丸形轮廓。
  • 不要使布局杂乱——截图显示了大量的负空间和极简界面。
  • 不要使用厚重的装饰图形——截图显示的是干净的、以摄影为主导的设计。
  • 避免: 装饰性元素
  • 避免: 明亮的霓虹色
  • 避免: 复杂的网格
  • 避免: 视觉杂乱

11

System Prompt

这是一个高端创意工作室作品集网站。定位:专注于建筑或生活方式摄影的高端极简机构。关键视觉:全出血、沉浸式摄影,搭配最小化界面覆盖层。配色:单色板(#000000,#FFFFFF),摄影提供所有色彩信息。排版:干净的几何无衬线字体(仅字体类别),使用大号展示尺寸以增强冲击力。关键禁忌:1) 切勿使用投影或复杂的凸起效果。2) 避免使用多种字体系列或装饰性字体。3) 切勿引入明亮的人工强调色;让图像定义调色板。4) 不要用不必要的界面元素或边框使界面杂乱。5) 避免使用繁杂的网格;使用全出血布局以最大化视觉冲击力。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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