精选 · 开放 · 免费

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

display16px · 300

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

组件

button 极简的轮廓标签，文字大写
card 简洁的文本列表项，无背景或边框
chip 小巧、圆角、轮廓式的大写标签
hero 简洁的左对齐导航文本

09

文案语气与禁用清单

语气专业、低调、直接
标题风格 直接且不加修饰
按钮文案 极简标签，文字大写

请勿使用装饰性元素 —— 截图显示的是纯文本和轮廓标签。
请勿使用鲜艳的强调色 —— 截图中仅包含黑、白及中性灰。
请勿使用厚重的阴影 —— 截图显示的是无起伏的平面。
请勿使用粗体或厚重的字重 —— 截图显示的是统一的轻盈排版。
请勿使用复杂的卡片布局 —— 截图显示的是简单、扁平的列表结构。
请勿使用大型主视觉图片 —— 截图显示的是纯文本界面。
避免: 装饰性元素
避免: 推广性语言
避免: 视觉杂乱

10

包内真实截图

Studiolathe — 桌面首屏（hero） — 桌面首屏（hero）

Studiolathe — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Studiolathe — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Studiolathe — 移动首屏 — 移动首屏

抓自真实页面 · 真 computed styles

11

System Prompt

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

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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