큐레이션 · 오픈 · 무료

HeyGen

실감 나는 AI 아바타를 사용하여 몇 분 만에 아이디어를 비디오로 변환하세요.

aivideo
HeyGen 스크린샷
↓ 디자인 시스템 다운로드 (27 MB)OpenDesign 에서 열기

원본 사이트: https://www.heygen.com

📦 팩 내용 보기 →

01

디자인 DNA

AI 비디오아바타생성형간편한전문적인

브라우저 안의 하이엔드 AI 비디오 스튜디오

02

컬러

#00C3FFAccent
#171717Ink
#333333Ink soft
#FFFFFFBG
#F2F2F2BG soft
rgba(23, 23, 23, 0.1)Line

깨끗하고 밝은 흰색 캔버스에 진하고 고대비의 텍스트와 활기찬 시안 포인트 컬러를 적용합니다.

03

타이포그래피

geometric-sans · humanist-sans · monospace

04

여백

4px
8px
16px
20px
24px
30px
32px
48px
64px
96px

일관된 4px 베이스 그리드와 넉넉한 섹션 간격을 적용합니다.

05

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

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

1px solid rgba(23, 23, 23, 0.1)

rgba(0, 0, 0, 0) 0px 0px 0px 0px · rgba(255, 255, 255, 0.9) 2.125px 2.125px 10px 0px inset · rgba(255, 255, 255, 0.4) -2.125px -2.125px 20px 0px inset

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

넓은 단일 열 히어로 섹션 다음에 구조화된 콘텐츠 섹션이 이어집니다.

07

모션과 인터랙션

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

인터랙티브 요소의 부드러운 hover 트랜지션 · 섹션 콘텐츠의 은은한 진입 애니메이션

버튼과 링크에 은은한 색상 변화 또는 불투명도 변경. · 상태 변화 또는 스케일을 통한 즉각적인 피드백.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

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

11

System Prompt

AI 비디오 생성을 위한 하이엔드 SaaS 플랫폼입니다. 주요 색상은 순백(#FFFFFF), 진한 회색(#171717), 그리고 활기찬 시안 포인트 컬러(#00C3FF)입니다. 타이포그래피는 굵고 대규모 헤드라인을 가진 기하학적 및 휴머니스틱한 산세리프를 특징으로 합니다. 중요 금지 사항: 다크 모드나 어두운 배경을 사용하지 마세요. 세리프 폰트나 전통적인 타이포그래피를 사용하지 마세요. 혼잡한 다중 열 레이아웃을 사용하지 마세요. UI 컴포넌트에 날카롭고 사각형 코너를 사용하지 마세요. 낮은 대비나 무채색 팔레트를 사용하지 마세요.

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

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

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

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