精选 · 开放 · 免费
Gretel
以鲜明对比、充裕留白和大尺寸排版为特征的高端设计工作室作品集。
brandstudio
01
设计气质 DNA
清晰度策略设计工作室高端
极简主义画廊，让作品自然呼吸并自我呈现。
02
色彩
#1D1D1DInk
#FFFFFFBG
rgba(29, 29, 29, 0.1)Line
采用严格单色方案，确保焦点完全集中于摄影与排版。
03
字体
humanist-sans
- display
75px · 400 - heading
39px · 400 - body
16px · 400
大号展示文字采用紧凑负值字间距。 · 小号正文保持高行高（1.7）以确保可读性。 · 避免使用粗体；仅依赖单一家族的字号与字重变化。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
8px基础节奏单位，主要版块间设置充裕纵向边距。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
无可见UI边框；完全通过留白实现区域分隔。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
非对称网格，左侧为文字栏，右侧为全出血或内嵌图像。
07
动效与交互
100msmicro
300mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
透明度淡入 · 微变换位移 · 平滑悬停过渡
链接与图像采用微妙透明度降低效果。 · 即时反馈，无过度弹跳效果。
08
组件
- button 极简文字链接，搭配微妙透明度或颜色过渡。
- card 画廊风格项目卡片，采用大尺寸排版与边缘齐平图像。
- hero 大尺寸左对齐排版宣言，占据视口主要区域，配有充足上下内边距。
09
文案语气与禁用清单
- 语气 自信、权威且略带诗意。
- 标题风格 陈述式标题，采用紧凑字间距与句首字母大写。
- 按钮文案 低调文字链接，无突出按钮容器。
- 避免使用投影——截图显示完全扁平表面，无任何高度层次。
- 避免添加装饰性边框——截图显示仅通过留白实现区域分隔。
- 避免将大段正文居中对齐——截图显示强烈的左对齐阅读引力。
- 避免使用彩色强调色——截图显示严格黑白配色方案。
- 避免使用圆角——截图显示尖锐90度直角或边缘齐平图像。
- 避免使用粗体字重——截图显示常规字重（400）主导整个界面。
- 避免: 过度使用感叹号
- 避免: 营销术语堆砌
- 避免: 杂乱布局
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是Gretel的高端设计工作室作品集，强调策略性清晰度与高端美学。设计基因由严格单色方案（#FFFFFF背景，#1D1D1D墨色）和单一人文无衬线字体（Akkurat）定义，采用大尺寸与紧凑负字距。布局为非对称结构，以大型左对齐文字块搭配边缘齐平摄影为特征。关键禁忌包括：绝不使用投影或高度层次，绝不居中对齐大型文字块，绝不引入装饰色彩。交互仅限于微妙透明度与变换过渡（采用cubic-bezier缓动），保持冷静精致的用户体验，优先呈现作品本身。
en · zh-CN · zh-TW · ja · ko