큐레이션 · 오픈 · 무료

Studiolathe

외과적 절제가 적용된, 그리드 기반의 엄격한 포트폴리오 디렉토리입니다.

AgencyStudioCleanTypographyCuration

↓ 디자인 시스템 다운로드 (1 MB)OpenDesign 에서 열기

원본 사이트: https://studiolathe.com

📦 팩 내용 보기 →

디자인 DNA

미니멀합리적엄격한건축적인

카테고리별로 정리된 깔끔한 스튜디오 장부

컬러

#000000Ink

#F6F4F2BG

#999999Muted

rgba(218, 218, 218, 1)Line

따뜻한 중립 배경 위의 고대비 단색

타이포그래피

geometric-sans · system-sans

display16px · 300

여백

4px

8px

16px

24px

32px

48px

64px

96px

목록 항목 간 일관된 수직 간격

표면 (라운드 / 그림자 / 경계선)

sm · 5px

md · 5px

lg · 5px

pill · 999px

1px solid

레이아웃

1280container

12columns

24pxgutter

768 / 1024breakpoints

오른쪽 정렬 태그와 3칼럼 푸터를 가진 좌향 텍스트 목록

모션과 인터랙션

100msmicro

350mssmall

500msmedium

cubic-bezier(0.77, 0, 0.18, 1)easing

클릭 가능한 목록 항목과 태그에 포인터 커서 변경 · 표준 브라우저 상호작용

컴포넌트

button 대문자 텍스트의 미니멀한 아웃라인 태그
card 배경이나 테두리 없는 단순 텍스트 목록 항목
chip 작고 둥근, 아웃라인 처리된 대문자 태그
hero 단순한 좌향 내비게이션 텍스트

보이스와 금지 목록

톤 전문적이고 절제되며 직접적
헤드라인 직접적이고 꾸밈없음
CTA 대문자 텍스트의 미니멀한 태그

장식적 요소를 사용하지 마세요 — 스크린샷에는 순수한 텍스트와 아웃라인 태그만 보입니다.
화려한 강조색을 사용하지 마세요 — 스크린샷에는 블랙, 화이트, 중립 그레이만 사용됩니다.
무거운 그림자를 사용하지 마세요 — 스크린샷에는 높이감 없는 평면 표면이 보입니다.
굵거나 무거운 글꼴 두께를 사용하지 마세요 — 스크린샷에는 일관되게 가벼운 타이포그래피가 사용됩니다.
복잡한 카드 레이아웃을 사용하지 마세요 — 스크린샷에는 단순하고 평면적인 목록 구조가 보입니다.
크고 화려한 히어로 이미지를 사용하지 마세요 — 스크린샷에는 순수한 텍스트 기반 인터페이스만 보입니다.
피하기: 장식적 요소
피하기: 과장된 마케팅 언어
피하기: 시각적 혼란

팩 안의 실제 스크린샷

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

실제 페이지에서 캡처 · 실 computed styles

System Prompt

Studio Lathe는 큐레이팅된 디렉토리로 구성된 미니멀 디자인 및 개발 에이전시 포트폴리오입니다. 따뜻한 중립 배경(#F6F4F2)과 순수한 블랙 텍스트(#000000)로 극도의 절제를 구현하며, 가벼운 시스템산세리프 타이포그래피로 세련되고 공기감 있는 미학을 만듭니다. 레이아웃은 엄격하게 그리드 기반으로, 단순한 프로젝트 목록과 아웃라인 처리된 대문자 태그로 구성됩니다. 핵심 디자인 규칙은 다음과 같습니다: 극도의 미니멀리즘을 유지하고, 모든 시각적 장식을 피하며, 타이포그래피는 가볍게 유지하고, 디렉토리 레이아웃의 엄격하고 합리적인 구조를 보존합니다.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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