큐레이션 · 오픈 · 무료

099 Supply

3D 목업과 인터랙티브 컴포넌트를 위한 깔끔하고 체계적인 마켓플레이스입니다.

01

디자인 DNA

고품질 디자인 에셋을 위한 디지털 창고입니다.

02

컬러

완벽한 무채색으로, 순수한 검정과 회색을 사용하여 제품 렌더링에 집중합니다.

03

타이포그래피

monospaced

• display54px · 400

모든 타이포그래피는 단일 모노스페이스 폰트 패밀리를 사용합니다. · 제목과 UI 라벨은 일관되게 대문자로 표시됩니다. · 작은 텍스트는 가독성을 위해 넉넉한 자간을 사용합니다.

04

여백

주요 섹션에 일정한 40px 및 80px 바깥 여백을 적용합니다.

05

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

1px solid #E0E0E0

0 1px 2px rgba(0,0,0,0.05)

06

레이아웃

균등한 크기의 카드로 구성된 반응형 그리드입니다.

07

모션과 인터랙션

테스트와 색상 변경에 빠른 120ms 트랜지션. · 인터랙티브 요소에 미묘한 불투명도 및 색상 페이드 인/아웃.

미묘한 테스트 색상 또는 배경색 변경. · 빠른 트랜지션을 통한 즉각적인 시각적 피드백.

08

컴포넌트

• button 모노스페이스 대문자 텍스트를 가진 아웃라인 필 버튼입니다.
• card 얇은 1px 테두리, 가벼운 hover 상태, 하단 라벨 바가 있는 흰색 카드입니다.
• chip 최상위 네비게이션에 사용되는 아웃라인만 있는 칩입니다.
• input 모노스페이스 텍스트를 사용한 단순한 아웃라인 입력 필드입니다.
• hero 브랜딩보다 에셋에 집중한, 빽빽한 제품 카드 그리드입니다.

09

보이스와 금지 목록

• 톤 실용적이고 기술적이며 효율적입니다.
• 헤드라인 대문자 모노스페이스 텍스트, 종종 숫자 접두사와 함께 사용됩니다.
• CTA 명확한 테두리 버튼 또는 단순한 텍스트 링크입니다.

• 세리프 폰트를 사용하지 마세요 — 스크린샷은 모노스페이스 타입만 독점적으로 사용하고 있습니다.
• 다채로운 배경을 사용하지 마세요 — 스크린샷은 엄격한 흰색과 회색 팔레트를 보여줍니다.
• 과도하게 둥근 카드 모서리를 사용하지 마세요 — 스크린샷은 타이트한 8px 반경을 보여줍니다.
• 깊이감을 위해 드롭 섀도우를 사용하지 마세요 — 스크린샷은 대신 플랫 테두리를 보여줍니다.
• 혼합된 타이포그래피 웨이트를 사용하지 마세요 — 스크린샷은 일관된 400 웨이트를 보여줍니다.
• 헤더에 소문자 텍스트를 사용하지 마세요 — 스크린샷은 대문자 UI 라벨을 보여줍니다.
• 피하기: 장식적 장식
• 피하기: 둥글고 친근한 형태
• 피하기: 다채로운 그래디언트
• 피하기: 세리프 타이포그래피

10

팩 안의 실제 스크린샷

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

11

System Prompt

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