큐레이션 · 오픈 · 무료

Zora

디지털 아트와 NFTs를 공유하고 수집하는 미니멀리스트 소셜 플랫폼입니다.

cryptonft
Zora 스크린샷
↓ 디자인 시스템 다운로드 (48 MB)OpenDesign 에서 열기

원본 사이트: https://zora.co

📦 팩 내용 보기 →

01

디자인 DNA

크리에이터트렌드트레이더NFTs소셜

디지털 아트와 web3 컬렉터를 위한 인스타그램

02

컬러

#00DF00Accent
#121212Ink
#4D4D4DInk soft
#FFFFFFBG
#F5F5F5BG soft
#878787Muted
rgba(77,77,77,1.0)Line

고대비 텍스트와 액션 상태를 위한 네온 악센트가 있는 단색 UI입니다.

03

타이포그래피

grotesque-sans · monospace

모든 인터페이스 텍스트에 Monument Grotesk를 사용합니다. · 디스플레이 및 본문 크기에 대해 타이트한 트래킹을 유지합니다. · 본문에는 410, 강조에는 500 웨이트를 사용합니다.

04

여백

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

일관된 4px 그리드 기반 spacing입니다.

05

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

sm · 4px
md · 8px
lg · 12px
pill · 9999px

1px solid #4D4D4D

rgba(0, 0, 0, 0.05) 0px 5px 10px 0px · rgba(0, 0, 0, 0.07) 0px 15px 25px 0px

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

3열 데스크톱 레이아웃: 얇은 사이드바, 중앙 피드, 오른쪽 레일. 모바일은 단일 열 피드입니다.

07

모션과 인터랙션

120msmicro
400mssmall
800msmedium
cubic-bezier(0.65, 0, 0.35, 1)easing

hover/상호작용 시 페이드 및 스케일. · 매끄러운 색상 및 배경 전환.

상호작용 요소에 투명도 또는 색상 변화. · 미세한 스케일 또는 그림자 변화.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

Zora — 桌面首屏（hero）
桌面首屏（hero）
Zora — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Zora — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Zora — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Zora — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Zora — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Zora — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Zora — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Zora — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Zora — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Zora — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Zora — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Zora — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Zora — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Zora — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Zora — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Zora — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Zora — 移动首屏
移动首屏

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

11

System Prompt

Zora는 디지털 아트와 NFTs를 위한 미니멀리스트, 크리에이터 중심 소셜 플랫폼입니다. 디자인 DNA는 깨끗한 흰색(#FFFFFF) 배경에 다크 잉크(#121212)와 중성 회색(#878787) 텍스트를 사용하며, 활기찬 네온 그린(#00DF00)으로 악센트를 줍니다. 타이포그래피는 Grotesque Sans(Monument Grotesk)를 독점 사용하며, 본문 텍스트에는 410, 강조에는 500 웨이트를 사용하고, 타이트한 음수 자간을 적용합니다. 레이아웃은 중앙 피드와 1280px 최대 너비 컨테이너를 갖춘 3열 데스크톱 구조를 따릅니다. 핵심 제약 조건: 장식용 세리프를 절대 사용하지 않고, 따뜻한 색상 팔레트를 피하며, 4px 그리드 spacing를 유지합니다. 상호작용은 빠르며(120ms) cubic-bezier easing를 사용합니다.

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

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

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

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