OpenDesign·你的设计资产库

网页参考

Somethingspecialstudios

以视觉作品与排版为先、摒弃UI装饰的大胆图像驱动型创意代理作品集。

AgencyPortfolioPhotographicCleanBold Typography
Somethingspecialstudios 网站截图

01

设计气质 DNA

代理创意作品集高端时尚编辑

将高端时尚杂志转化为数字画廊。

02

色彩

#141414Ink
#FFFDF1BG
#E6E6E6Muted
rgba(20, 20, 20, 0.1)Line

采用严格的米底黑字排版,以生动摄影作为唯一色彩来源。

03

字体

transitional-serif

  • display75px · 400
  • body16px · 400
  • caption12px · 400

所有文本使用 AntiqueLegacy 字体族。 · 所有元素保持400的严格字重。

04

间距

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

间距与内边距采用8px基线节奏。

05

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

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

1px实线边框颜色用于细微分隔。

06

布局

1920container
12columns
10pxgutter
768 / 1024breakpoints

全宽图像网格,最小化内边距。

07

动效与交互

100msmicro
150mssmall
600msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

悬停与页面过渡时采用透明度渐变与细微变换效果。

光标变为pointer;细微透明度或变换过渡。 · 标准导航。

08

组件

  • button 纯文本链接,光标显示为pointer。
  • card 图像驱动的画廊项目,文本元数据位于下方。
  • hero 页面顶部的大尺寸排版标题。

09

文案语气与禁用清单

  • 语气 极简、专业且自信。
  • 标题风格 大号加粗衬线排版。
  • 按钮文案 简洁文本链接。
  • 不要使用鲜艳UI强调色——截图显示设计依赖摄影提供色彩。
  • 不要使用无衬线字体——截图显示全文采用统一的过渡衬线字体。
  • 不要使用厚重阴影或圆角——截图显示扁平化的满幅图像。
  • 不要使用密集文本布局——截图显示极简精炼的文案与大量留白。
  • 不要使用复杂导航菜单——截图显示顶部对齐的扁平导航栏。
  • 不要使用圆角图像——截图显示所有图像采用严格矩形裁剪。
  • 避免: 装饰元素
  • 避免: 复杂渐变
  • 避免: 鲜艳UI强调色
  • 避免: 密集文本块

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

为Something Special Studios打造的高端创意代理作品集。定位:以图像优先的高端画廊,展示时尚、零售与生活方式作品。关键十六进制颜色:#FFFDF1(米色背景)、#141414(墨黑)与#E6E6E6(柔化边框)。字体类别:过渡衬线字体(AntiqueLegacy)用于展示与正文。关键禁忌:绝不使用无衬线字体;绝不为图像添加圆角;绝不使用鲜艳UI强调色或阴影。布局采用极简全宽网格,优先呈现摄影而非装饰性UI元素。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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