OpenDesign·你的设计资产库

网页参考

Hardworkclub

一个以摄影为核心、极简主义的代理机构作品集,整体基调深沉、精致且略带神秘感。

AgencyEditorialCurationStudioRestraint

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

01

设计气质 DNA

极简主义编辑式高端神秘感以人为本

高端时尚杂志或画廊展览目录。

02

色彩

#2525FFAccent
#FFFFFFInk
#000000BG
#808080Muted
rgba(255, 255, 255, 0.1)Line

高对比度的单色设计,交互元素使用单一、饱和的蓝色作为点缀。

03

字体

geometric-sans · humanist-sans

  • display28px · 400
  • body24px · 300
  • label16px · 700
  • micro14px · 400

标签使用大写字母并增加字间距 · 正文使用细体以保持轻盈感 · 在深色背景上使用宽松的行高以提升可读性

04

间距

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

宽松的纵向间距营造出呼吸感和专注感,强调“画廊”般的体验。

05

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

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

卡片或容器无可见边框;依靠间距和图像内容进行视觉分隔。

06

布局

1400container
12columns
24pxgutter
768 / 1024breakpoints

全出血的图片后接左对齐、带有大量留白的文字区块。

07

动效与交互

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

滚动时淡入 · 平滑的图片过渡效果

交互元素在悬停时有微妙的缩放或透明度变化 · 即时响应

08

组件

  • button 药丸形状的蓝色点缀菜单切换按钮,带有水平线条
  • card 大尺寸、全宽图片卡片,无边框
  • hero 全宽电影感摄影图片,后接左对齐文字

09

文案语气与禁用清单

  • 语气 精致、自信、略带挑衅性,且以人为本。
  • 标题风格 直接、陈述性的表达,挑战行业惯例。
  • 按钮文案 极简且功能化(例如:菜单图标)。
  • 不要使用明亮或多色的配色方案——截图显示严格的单色配色,仅有一个蓝色点缀。
  • 不要将所有文字区块居中对齐——截图显示文字采用左对齐排版。
  • 不要为正文使用粗重的字体——截图显示使用轻盈、透气的字重。
  • 不要使用可见的边框或卡片——截图依靠图像和间距进行分隔。
  • 不要使用复杂的网格或杂乱的布局——截图显示清晰的纵向流程。
  • 不要使用 playful 或圆角的 UI 元素——截图显示锐利、精确的几何形状。
  • 避免: 术语行话
  • 避免: 过多的感叹号
  • 避免: 杂乱的布局

11

System Prompt

这是一个以摄影为核心、极简主义的代理机构网站。它将自己定位为一个“俱乐部”而非传统代理机构,专注于创意和以人为本的工作。设计依赖于纯黑 (#000000) 和白 (#FFFFFF) 的高对比度配色,交互元素使用单一、鲜艳的蓝色 (#2525FF)。字体采用几何和人文无衬线类别,使用细体字重以保持优雅。关键约束:避免使用明亮颜色,避免文字区块居中对齐,避免使用粗重的字体,避免使用可见的边框或卡片容器。布局大量使用留白,营造出画廊般的体验,大尺寸摄影图片是主要的视觉驱动力。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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