OpenDesign·你的设计资产库

网页参考

Studiothomas

极简设计工作室网站,依赖巨型排版与单一鲜明橙色点缀。

StudioEditorialCleanBold Typography
Studiothomas 网站截图

01

设计气质 DNA

设计工作室大胆极简高端自信

如同一个展示大胆作品的画廊,配以醒目的标志性色彩。

02

色彩

#FF4F00Accent
#000000Ink
#EBE9E3BG
#FFFFFFBG soft
#767676Muted
rgba(0,0,0,1.0)Line

以高对比度单色基底搭配单一鲜明橙色焦点。

03

字体

geometric-sans

  • display120px · 400
  • h186px · 400
  • h240px · 400
  • body16px · 400

使用指定的 Moderat 字体家族。 · 在标题与正文中大量使用字重 400。 · 大型标题保持紧凑的字间距。

04

间距

4px
8px
16px
20px
24px
32px
40px
64px
100px

采用充裕留白,配合明确的内边距区块(40px、100px)。

05

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

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

使用纤细的 1px 黑色线条作为分隔,保持克制。

06

布局

1200container
12columns
20pxgutter
768 / 1024breakpoints

全宽主视觉区块后接满幅项目图像。

07

动效与交互

150msmicro
300mssmall
750msmedium
cubic-bezier(0.55, 0.055, 0.675, 0.19)easing

交互元素的颜色与透明度过渡。 · 基于变换的光标或悬停效果。

使用 ease-in-out 进行颜色过渡。 · 微妙的线性透明度变化。

08

组件

  • button 极简导航,采用纯文本或纤细的汉堡菜单图标。
  • card 满幅图像区块,叠加排版文字。
  • hero 巨大的纯色区块,内含居中文字。

09

文案语气与禁用清单

  • 语气 自信、极简、专业。
  • 标题风格 巨型几何无衬线体,采用小写或句首大写格式。
  • 按钮文案 低调的文本链接。
  • 勿使用多种点缀色——截图显示仅使用严格的橙色点缀(#FF4F00)。
  • 勿使用衬线字体——截图显示为几何无衬线体(Moderat)。
  • 勿为主要区块添加阴影或圆角——截图显示为锐利边缘。
  • 勿对标题使用粗体字重——截图显示使用字重 400。
  • 勿添加装饰性图标或图形——截图显示为纯排版设计。
  • 勿对标题使用宽字间距——截图显示为紧凑的负字距。
  • 避免: 杂乱
  • 避免: 装饰性渐变
  • 避免: 圆角

10

包内真实截图

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

11

System Prompt

这是一个极简设计机构网站,以巨型几何无衬线体排版为特色,配色方案严格限定为灰白色(#EBE9E3)、黑色(#000000)和鲜明橙色(#FF4F00)。布局采用充裕留白与全宽区块来展示作品。对于任何新页面,需确保大型排版仍是视觉主体,审慎使用特定的橙色点缀,切勿使用衬线字体、布局区块圆角或标题粗体字重。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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