精选 · 开放 · 免费
Studiothomas
极简设计工作室网站，依赖巨型排版与单一鲜明橙色点缀。
StudioEditorialCleanBold Typography
01
设计气质 DNA
设计工作室大胆极简高端自信
如同一个展示大胆作品的画廊，配以醒目的标志性色彩。
02
色彩
#FF4F00Accent
#000000Ink
#EBE9E3BG
#FFFFFFBG soft
#767676Muted
rgba(0,0,0,1.0)Line
以高对比度单色基底搭配单一鲜明橙色焦点。
03
字体
geometric-sans
- display
120px · 400 - h1
86px · 400 - h2
40px · 400 - body
16px · 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
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个极简设计机构网站，以巨型几何无衬线体排版为特色，配色方案严格限定为灰白色（#EBE9E3）、黑色（#000000）和鲜明橙色（#FF4F00）。布局采用充裕留白与全宽区块来展示作品。对于任何新页面，需确保大型排版仍是视觉主体，审慎使用特定的橙色点缀，切勿使用衬线字体、布局区块圆角或标题粗体字重。
en · zh-CN · zh-TW · ja · ko