큐레이션 · 오픈 · 무료

Suno

간단한 텍스트 프롬프트를 AI를 사용하여 완성된 곡으로 만듭니다.

aimusic
Suno 스크린샷
↓ 디자인 시스템 다운로드 (13 MB)OpenDesign 에서 열기

원본 사이트: https://suno.com

📦 팩 내용 보기 →

01

디자인 DNA

AI 음악크리에이티브 프롬프트오디오 생성대화형

마법처럼 몰입감 있는 인터페이스를 통해 텍스트를 음악으로 변환하는 디지털 스튜디오입니다.

02

컬러

#F7F4EFInk
#101012BG
#9CA3AFMuted
rgba(247, 244, 239, 0.1)Line

고대비 따뜻한 화이트와 생동감 있는 그라데이션 강조가 적용된 시네마틱 다크 모드입니다.

03

타이포그래피

geometric-sans

04

여백

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

4px 기본 단위

05

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

sm · 6px
md · 12px
lg · 24px
pill · 9999px

1px solid rgba(247, 244, 239, 0.1)

0 25px 50px -12px rgba(0,0,0,0.25) · 0 10px 15px -3px rgba(0,0,0,0.1) · -5.37px 0px 40px 0px rgba(255,176,3,0.07) · 5.37px 0px 40px 0px rgba(254,60,125,0.07)

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

부유하는 카드와 중앙 프롬프트 입력이 있는 히어로 중심 레이아웃입니다.

07

모션과 인터랙션

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

부드러운 색상 전환 · hover 시 미세한 트랜스폼 스케일 · 히어로 텍스트를 위한 타자기 효과

버튼과 카드에 미세한 스케일 및 색상 전환 효과. · 트랜스폼 리셋을 통한 즉각적인 시각적 피드백.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

11

System Prompt

Suno는 시네마틱하고 프리미엄한 다크 모드 미학을 갖춘 AI 기반 음악 제작 플랫폼입니다. its 디자인 DNA는 깊은 차콜(#101012) 배경, 따뜻한 화이트(#F7F4EF) 텍스트, 그리고 주요 작업을 위한 생동감 있는 오렌지에서 핑크 그라데이션을 중심으로 구축되었습니다. 타이포그래피는 볼드한 헤드라인을 위한 좁은 자간의 깔끔한 기하학산세리프(Neue Montreal)를 사용합니다. 주요 제약 사항에는 중앙 정렬된 몰입감 있는 히어로 레이아웃 유지, 밝은 테마, 날카로운 모서리 또는 복잡한 그리드 사용 회피가 포함됩니다. 인터페이스는 두드러진 프롬프트 기반 입력 시스템을 통해 단순성과 창의적 흐름을 강조합니다.

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

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

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

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