精选 · 开放 · 免费
Stephaniespecht
一个原始、以项目为核心的作品集，让多样的设计作品自行发声。
StudioPortfolioEditorialTypographyGallery
01
设计气质 DNA
实验性结构直觉平面设计研究
平面设计工作室的数字展览空间
02
色彩
#000000Ink
rgba(0,0,0,0.6)Ink soft
#FFFFFFBG
#FEFEFEBG soft
#E6E6E6BG quiet
#B0B0B0Muted
rgba(0,0,0,0.1)Line
严格的单色基底，让多彩的项目图像占据主导。
03
字体
humanist-sans · geometric-sans
- display
32px · 700 - title
25px · 400 - body
16px · 400 - caption
12px · 400
默认字体栈为 'Helvetica Neue', Arial, sans-serif · 严格遵循 400 和 700 字重 · 极简字体排印，避免与项目视觉元素竞争
04
间距
4px
8px
14px
16px
24px
32px
48px
在项目容器和导航中使用一致的 24px 内边距。
05
表面 (圆角 / 阴影 / 边线)
sm · 5px
md · 5px
lg · 0px
pill · 999px
用于分隔的细微 1px 边框或底部边框
rgba(0, 0, 0, 0.05) 0px 1px 3px 0px
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
密集的瀑布流式网格，从单列自适应到多列。
07
动效与交互
220msmicro
400mssmall
800msmedium
ease-outeasing
导航元素的悬停平滑透明度过渡 · 交互状态的细微边框过渡
导航链接和项目图像的透明度变化 · 直接导航至项目详情页
08
组件
- button 基于文本的导航链接，带有悬停状态
- card 代表单个项目的全出血图像容器
- chip 项目图像内的彩色标签或小型标注
- input 极简或隐藏
- hero 大型、沉浸式的项目图像，占据整个视口宽度。
09
文案语气与禁用清单
- 语气 安静、自信且注重过程
- 标题风格 嵌入在项目图像中的简短、描述性标题
- 按钮文案 细微且融入环境，通常通过简单的文本链接实现
- 不要使用复杂的配色方案——截图显示严格的单色基底（黑、白、灰）。
- 不要使用装饰性字体——截图显示界面文本均使用功能性的无衬线字体。
- 不要添加厚重的阴影或光晕——截图显示仅在某些元素上使用非常细微的单像素投影。
- 不要在项目图像上使用圆角——截图显示主内容网格具有锐利的边缘。
- 不要用图标或徽章 clutter 界面——截图显示极简的头部仅包含文本链接。
- 不要创建多层导航系统——截图显示扁平、水平的顶级菜单。
- 避免: 营销话术或过于热情的语言
- 避免: 大型、彩色的行动号召按钮
- 避免: 分散对作品注意力的复杂交互装饰
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是 Specht Studio 的设计工作室作品集网站。其设计基因植根于原始、实验性的美学，优先考虑项目图像而非界面装饰。核心调色板严格单色，使用白色 (#FFFFFF) 作为背景，黑色 (#000000) 作为墨色，浅灰色 (#E6E6E6) 用于次要表面。字体排印依赖标准的无衬线字体栈（Helvetica Neue, Arial, sans-serif），仅工作室名称使用粗体，所有导航和正文使用常规字重。布局是密集的、瀑布流式的全出血项目图像网格。关键约束：1) 切勿引入主导性的强调色；让作品提供所有色彩变化。2) 切勿使用装饰性字体或复杂的字体配对；保持界面严格功能化。3) 避免添加厚重的 UI 元素，如大型按钮或复杂卡片；作品应是主要焦点。
en · zh-CN · zh-TW · ja · ko