CURATED · OPEN · FREE

Studiolathe

A disciplined, grid-based portfolio directory with surgical restraint.

AgencyStudioCleanTypographyCuration
Studiolathe screenshot
↓ Download design system (1 MB)Open in OpenDesign

Visit: https://studiolathe.com

📦 Browse pack contents →

01

Identity DNA

minimalrationaldisciplinedarchitectural

A clean studio ledger with categorized inventory

02

Color

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

High-contrast monochrome over a warm neutral ground

03

Typography

geometric-sans · system-sans

04

Spacing

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

consistent vertical spacing between list items

05

Surfaces

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

1px solid

06

Layout

1280container
12columns
24pxgutter
768 / 1024breakpoints

Left-aligned text list with right-aligned tags and 3-column footer

07

Motion & Interaction

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

Cursor changes to pointer for clickable list items and tags · Standard browser interaction

08

Components

09

Voice & Don'ts

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

Studio Lathe is a minimalist design and development agency portfolio presented as a curated directory. The design is defined by extreme restraint, featuring a warm neutral background (#F6F4F2) and pure black text (#000000). Typography is light-weight system sans-serif, creating a refined, airy aesthetic. The layout is strictly grid-based with a simple list of projects and outlined uppercase tags. Critical design rules: maintain extreme minimalism, avoid any visual decoration, keep typography light, and preserve the rigid, rational structure of the directory layout.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

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