精选 · 开放 · 免费
Garden Eight
一家总部位于东京的数字设计工作室作品集,以富有表现力的字体排印和广阔的留白空间为定义。
StudioPortfolioEditorialTypographyAgency
01
设计气质 DNA
设计工作室东京数字大胆编辑式
一个将字体排印作为核心展品的极简主义画廊。
02
色彩
#1E1F1FInk
#DCD6D1BG
#DBD6D0Muted
rgba(30,31,31,1.0)Line
极致克制,使用单色系配色,让富有表现力的字体排印和3D图像成为视觉焦点。
03
字体
didone-serif · humanist-sans
- display
215px · 400 - body
15px · 400
导航链接使用大写字母并调整字距。 · 展示性字重与正文字重之间采用高对比度。 · 允许标题与正文之间存在巨大的尺度变化。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
以充裕的内边距和广阔的留白来框定内容区块。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
1px solid rgb(30, 31, 31)
rgb(30, 31, 31) 0px 2px 2px 0px inset · rgb(219, 214, 208) 0px 3px 2px 0px inset
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
将内容推至绝对边缘的极简网格布局。
07
动效与交互
222msmicro
400mssmall
800msmedium
cubic-bezier(0.32, 0.94, 0.6, 1)easing
图像显示采用缓慢、平滑的透明度过渡。 · 3D背景元素采用缓动的变换移动。
文本链接在悬停时有微妙的光标变化或透明度偏移。 · 采用标准指针状态,仅有最小化的即时视觉反馈。
08
组件
- button 简约的文本链接,采用大写样式且无背景填充。
- card 边缘干净,无圆角或投影效果。
- chip 极简设计,若存在则可能仅为纯文本标签。
- input 极简设计,若存在则可能为细线式下划线输入框。
- hero 占据整个视口高度的巨大字体排印。
09
文案语气与禁用清单
- 语气 自信、精致且内敛。
- 标题风格 富有表现力、超大尺寸且具有哲思性(例如“接下来我们能创造什么”)。
- 按钮文案 极简的大写文本链接,依赖上下文而非按钮形式。
- 勿使用明亮色彩——截图显示为严格的米色与黑色中性色调。
- 勿使用大圆角——截图显示为锐利的方形边缘。
- 勿使用小号标题字体——截图显示展示性字体占据了整个视口。
- 勿使用繁杂的背景——截图显示为干净、广阔的米色表面。
- 勿使用粗体按钮样式——截图显示为简约的大写文本链接。
- 勿使用深色主题——截图显示为以浅色、暖色调为主的界面。
- 避免: 杂乱的布局
- 避免: 明亮、饱和的色彩
- 避免: 装饰性的UI元素
- 避免: 微小、拥挤的字体排印
10
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个高端的东京数字设计工作室作品集,其特点是极致的字体排印尺度与极简克制。配色为单色系,采用暖米色背景(#DCD6D1)与深炭墨色(#1E1F1F)。字体类别为:用于富有表现力的展示性文字的现代衬线体(didone-serif),以及用于清晰正文的人文主义无衬线体(humanist-sans)。关键设计约束包括:避免添加明亮的强调色或装饰性的UI元素,永不将主标题字体缩小至视口的20%以下,并保持元素间广阔的留白以维持画廊般的氛围。
en · zh-CN · zh-TW · ja · ko