精选 · 开放 · 免费

Studiolathe

一个严谨的、基于网格的作品集目录,具有手术般的克制。

AgencyStudioCleanTypographyCuration
Studiolathe 网站截图
↓ 下载设计系统包 (1 MB)在 OpenDesign 中打开

原站: https://studiolathe.com

📦 浏览包内文件 →

01

设计气质 DNA

极简理性严谨建筑感

如同一个整洁的工作室台账,库存分类清晰

02

色彩

#000000Ink
#F6F4F2BG
#999999Muted
rgba(218, 218, 218, 1)Line

在温暖的中性基底上,使用高对比度的单色方案

03

字体

geometric-sans · system-sans

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

列表项之间保持一致的垂直间距

05

表面 (圆角 / 阴影 / 边线)

sm · 5px
md · 5px
lg · 5px
pill · 999px

1px solid

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

左对齐的文本列表,右侧带标签,并配有三栏页脚

07

动效与交互

100msmicro
350mssmall
500msmedium
cubic-bezier(0.77, 0, 0.18, 1)easing

光标在可点击的列表项和标签上变为指针 · 标准浏览器交互

08

组件

09

文案语气与禁用清单

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

Studio Lathe 是一个极简主义的设计与开发代理作品集,以精心策划的目录形式呈现。设计以极致的克制为核心,采用温暖的中性背景(#F6F4F2)和纯黑色文字(#000000)。排版使用轻量级的系统无衬线字体,营造出精致、通透的美感。布局严格遵循网格,包含一个简单的项目列表和轮廓式大写标签。关键设计准则:保持极致的极简主义,避免任何视觉装饰,保持排版轻盈,并维护目录布局严谨、理性的结构。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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