큐레이션 · 오픈 · 무료

Recraft

디자인 미학과 기계 지능을 연결하는 프리미엄 AI 이미지 생성 플랫폼

aidesign
Recraft 스크린샷
↓ 디자인 시스템 다운로드 (29 MB)OpenDesign 에서 열기

원본 사이트: https://www.recraft.ai

📦 팩 내용 보기 →

01

디자인 DNA

고급스러운정교한첨단의전문적인시각적인

하이엔드 디자인 스튜디오와 최첨단 AI 연구소의 만남

02

컬러

#D2FC31Accent
#FFFFFFInk
#000000BG
#707070Muted
rgba(0,0,0,0.15)Line

주요 CTA를 위한 생동감 있는 악센트가 있는 고대비 다크 모드

03

타이포그래피

condensed-sans · humanist-sans · monospace

디스플레이 텍스트는 음수 자간을 적용한 극도로 무거운 웨이트(900)를 사용합니다 · 본문 텍스트는 가독성을 위해 편안한 1.4 행간을 유지합니다 · 보조 라벨과 내비게이션에는 모든 대문자 처리를 적용합니다

04

여백

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

일관된 4px 기본 단위와 히어로 섹션에 넉넉한 여백

05

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

sm · 5px
md · 15px
lg · 30px
pill · 50px

rgba(0,0,0,0.3) 0px 11px 40px 0px

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

전체 폭 히어로와 덧입혀진 텍스트, 중앙 정렬된 콘텐츠 블록

07

모션과 인터랙션

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

히어로 이미지 간의 부드러운 캐러셀 전환 · 인터랙티브 요소의 섬세한 호버 효과

인터랙티브 요소에서의 색상 변화와 미세한 스케일 변화 · 상태 변화와 함께 즉각적인 시각적 피드백

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

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

11

System Prompt

Recraft.ai는 프로페셔널 디자이너와 크리에이티브 팀을 대상으로 한 프리미엄 AI 이미지 생성 플랫폼입니다. 디자인 DNA는 주요 CTA를 위한 지배적인 블랙 배경(#000000)과 생동감 있는 차트루스 악센트(#D2FC31)가 있는 어둡고 고대비 미학을 특징으로 합니다. 타이포그래피는 디스플레이 텍스트를 위해 극단적인 웨이트(900)의 콘덴스 sans-serif 서체를 사용하여 드라마틱한 임팩트를 만듭니다. 핵심 제약 사항: 세리프 서체는 절대 사용하지 마세요, 음은 색상 팔레트는 피하세요, 레이아웃에는 항상 넉넉한 여백을 유지하세요, 헤드라인에는 무거운 폰트 웨이트를 사용하세요, 모서리 반경은 5-15px 사이로 유지하세요, 모든 CTA는 시그니처 그린 악센트 색상을 사용하세요.

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

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

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

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