OpenDesign·你的设计资产库

网页参考

Garden Eight

一家总部位于东京的数字设计工作室作品集,以富有表现力的字体排印和广阔的留白空间为定义。

StudioPortfolioEditorialTypographyAgency
Garden Eight 网站截图

01

设计气质 DNA

设计工作室东京数字大胆编辑式

一个将字体排印作为核心展品的极简主义画廊。

02

色彩

#1E1F1FInk
#DCD6D1BG
#DBD6D0Muted
rgba(30,31,31,1.0)Line

极致克制,使用单色系配色,让富有表现力的字体排印和3D图像成为视觉焦点。

03

字体

didone-serif · humanist-sans

  • display215px · 400
  • body15px · 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

包内真实截图

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

11

System Prompt

这是一个高端的东京数字设计工作室作品集,其特点是极致的字体排印尺度与极简克制。配色为单色系,采用暖米色背景(#DCD6D1)与深炭墨色(#1E1F1F)。字体类别为:用于富有表现力的展示性文字的现代衬线体(didone-serif),以及用于清晰正文的人文主义无衬线体(humanist-sans)。关键设计约束包括:避免添加明亮的强调色或装饰性的UI元素,永不将主标题字体缩小至视口的20%以下,并保持元素间广阔的留白以维持画廊般的氛围。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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