精选 · 开放 · 免费

Garden Eight

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

StudioPortfolioEditorialTypographyAgency
Garden Eight 网站截图
↓ 下载设计系统包 (6 MB)在 OpenDesign 中打开

原站: https://garden-eight.com

📦 浏览包内文件 →

01

设计气质 DNA

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

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

02

色彩

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

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

03

字体

didone-serif · humanist-sans

导航链接使用大写字母并调整字距。 · 展示性字重与正文字重之间采用高对比度。 · 允许标题与正文之间存在巨大的尺度变化。

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

组件

09

文案语气与禁用清单

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko