큐레이션 · 오픈 · 무료

Threads

깔끔한 모노크롬 인터페이스로 텍스트 기반 대화에 집중하는 미니멀리스트 소셜 플랫폼.

Social MediaMobile UICleanMinimalApp UI
Threads 스크린샷
↓ 디자인 시스템 다운로드 (5 MB)OpenDesign 에서 열기

원본 사이트: https://threads.net

📦 팩 내용 보기 →

01

디자인 DNA

소셜스레드대화미니멀리스트메타

시각적 노이즈보다 텍스트 대화를 우선시하는 깔끔하고 절제된 소셜 피드.

02

컬러

#000000Ink
#424242Ink soft
#fafafaBG
#efefefBG soft
#999999Muted
rgba(0,0,0,0.15)Line

깊이감을 위한 은은한 회색, 주요 요소를 위한 검정, 카드 및 모달을 위한 흰색으로 구성된 모노크롬 팔레트.

03

타이포그래피

system-ui

플랫폼 전반에 걸친 일관된 렌더링을 위해 시스템 폰트 스택 사용 · _compact_ 텍스트 블록을 위해 타이트한 행간 유지 · 사용자 이름 및 강조에 weight 600 사용

04

여백

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

일관된 padding 배수를 위한 4px 기본 격자

05

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

sm · 8px
md · 18px
lg · 18px
pill · 999px

1px solid rgba(0,0,0,0.15)

0px 0px 12px rgba(0,0,0,0.04)

06

레이아웃

1280container
3columns
24pxgutter
768 / 1024breakpoints

왼쪽 내비게이션, 중앙 피드, 오른쪽 사이드바가 있는 3열 레이아웃

07

모션과 인터랙션

150msmicro
200mssmall
300msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

모달 등장을 위한 빠른 페이드 전환 · 인터랙티브 요소를 위한 부드러운 색상 전환

미묘한 불투명도 또는 색상 변화 · 마이크로 전환을 통한 즉각적인 반응

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

11

System Prompt

This is Threads, a minimalist social platform focused on text conversations. The design uses a monochrome palette of #fafafa background, #000000 ink, and #999999 muted tones. Typography relies on the system-ui font stack with bold weights for headlines and regular for body text. The layout features a three-column structure with generous spacing. Critical design rules: avoid any bright accent colors, use only rounded corners (18px for cards, 999px for buttons), maintain subtle shadows, keep text concise and friendly in tone, use system fonts exclusively, and ensure touch targets are large enough for mobile interaction. The interface prioritizes content readability and clean visual hierarchy.

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

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

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

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