큐레이션 · 오픈 · 무료

Create Video

신속한 정보 교환과 공적 담론을 위해 설계된 마이크로블로깅 소셜 플랫폼입니다.

SocialCleanConsumerMobile UITypography
Create Video 스크린샷
↓ 디자인 시스템 다운로드 (17 MB)OpenDesign 에서 열기

원본 사이트: https://create.video

📦 팩 내용 보기 →

01

디자인 DNA

소셜타임라인프로필피드

짧은 콘텐츠와 업데이트를 공유하는 디지털 공공 광장입니다.

02

컬러

#1D9BF0Accent
#0F141AInk
#52636FInk soft
#FFFFFFBG
#BACBD4BG soft
rgba(228, 234, 236, 1)Line

가독성을 우선시하는 고대비 팔레트입니다. 인터랙티브 요소에는 단일한 강렬한 블루 악센트를 사용합니다.

03

타이포그래피

grotesque-sans

모든 텍스트에 일관된 grotesque-sans 패밀리(TwitterChirp)를 사용합니다. · 가독성을 위해 기본 크기를 15px로 유지합니다. · 이름과 제목에는 700 웨이트를 사용하여 강조합니다.

04

여백

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

4px 그리드를 기반으로 한 표준 수직 리듬이며, 16px와 24px가 주요 간격입니다.

05

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

sm · 4px
md · 14px
lg · 16px
pill · 9999px

0px 4px 12px 0px rgba(0, 0, 0, 0.08)

06

레이아웃

1265container
3columns
30pxgutter
768 / 1024breakpoints

3단 레이아웃입니다. 왼쪽 사이드바에 탐색 영역, 중앙 열에 메인 피드, 오른쪽 열에 추천 및 링크가 배치됩니다.

07

모션과 인터랙션

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

호버 및 포커스 시 부드러운 색상 및 background-color 트랜지션. · 인터랙티브 요소의 미묘한 투명도 변화.

배경색이 약간 변하고(예: #F7F9F9로) 텍스트 색상이 트랜지션됩니다. · 색상 변화를 통한 즉각적인 시각적 피드백을 제공합니다.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

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

11

System Prompt

실시간 공적 대화를 위한 마이크로블로깅 소셜 플랫폼입니다. 디자인은 깔끔하고 기능적이며, 흰색 배경(#FFFFFF), 텍스트용 짙은 잉크색(#0F141A), 인터랙티브 요소용 단일 강렬한 블루 악센트(#1D9BF0)를 우선시합니다. 타이포그래피는 15px 기본 크기의 일관된 grotesque-sans 패밀리입니다. 중요 금지 사항: 절대로 세리프 서체나 무거운 드롭 섀도우를 사용하지 말고, 다크 모드 미적 요소를 피하며, 여러 악센트 색상을 사용하지 마세요. 레이아웃은 구조화된 3단 그리드이며, 인터랙션은 호버 시 부드럽고 미묘한 색상 트랜지션이 특징입니다.

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

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

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

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