精选 · 开放 · 免费

Somethingspecialstudios

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

AgencyPortfolioPhotographicCleanBold Typography

↓ 下载设计系统包 (18 MB)在 OpenDesign 中打开

原站: https://somethingspecialstudios.com

📦 浏览包内文件 →

设计气质 DNA

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

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

色彩

#141414Ink

#FFFDF1BG

#E6E6E6Muted

rgba(20, 20, 20, 0.1)Line

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

字体

transitional-serif

display75px · 400
body16px · 400
caption12px · 400

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

间距

4px

8px

10px

16px

24px

32px

48px

64px

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

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

sm · 0px

md · 0px

lg · 0px

pill · 999px

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

布局

1920container

12columns

10pxgutter

768 / 1024breakpoints

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

动效与交互

100msmicro

150mssmall

600msmedium

cubic-bezier(0.4, 0, 0.2, 1)easing

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

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

组件

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

文案语气与禁用清单

语气极简、专业且自信。
标题风格 大号加粗衬线排版。
按钮文案 简洁文本链接。

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

包内真实截图

Somethingspecialstudios — 桌面首屏（hero） — 桌面首屏（hero）

Somethingspecialstudios — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

抓自真实页面 · 真 computed styles

System Prompt

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

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko