큐레이션 · 오픈 · 무료

Fantasy

몰입형 다크 모드 중심 시네마틱 비주얼을 통해 비전과 실행을 보여주는 프리미엄 디자인 에이전시.

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

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

📦 팩 내용 보기 →

01

디자인 DNA

비전을 제시하는하이엔드디자인 주도미래지향적

비전과 실행으로 이끄는 하이엔드 디자인 스튜디오.

02

컬러

#FD0202Accent
#FFFFFFInk
#D0D0D0Ink soft
#000000BG
#121212BG quiet
#293C5BMuted
rgba(255,255,255,0.1)Line

주로 흑백 팔레트를 사용한 시네마틱 대비를 구현하며, 초점에 날카로운 단일 레드 악센트를 활용합니다.

03

타이포그래피

grotesque-sans

디스플레이 텍스트에는 촘촘한 네거티브 자간을 사용하여 고급스럽고 밀도 높은 느낌을 강조합니다. · 모든 텍스트에 일관된 폰트 웨이트(400-500)를 유지하여 시각적 통일성을 보존합니다. · 어두운 배경에 흰색 텍스트를 엄격히 사용하여 높은 대비를 확보합니다.

04

여백

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

공간감 있고 프리미엄인 레이아웃을 유지하기 위해 50px의 수평 패딩을 일관되게 적용합니다.

05

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

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

정의를 위해 절제된 1px 흰색 테두리를 최소한으로 사용합니다.

0px 32px 68px 0px rgba(0, 0, 0, 0.3)

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

고정 내비게이션이 있는 몰입형 풀블리드 히어로 섹션.

07

모션과 인터랙션

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

일반 UI 인터랙션을 위한 미세한 0.3초 ease-out 전환. · 콘텐츠 표시를 위한 매끄러운 0.5초 불투명도 페이드.

인터랙티브 요소에 미세한 불투명도 또는 색상 변화. · 불투명도 또는 배경 변화를 통한 즉각적인 시각적 반응.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

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

11

System Prompt

이것은 비전과 실행을 이끄는 프리미엄 디자인 에이전시 웹사이트로, 다크 모드 중심의 시네마틱 미학을 활용합니다. 주요 색상은 순수한 검정(#000000)과 흰색(#FFFFFF)으로, 거대한 타이포그래피를 위한 고대비를 만듭니다. 폰트 카테고리는 전적으로 grotesque-sans이며, 400-500의 엄격한 웨이트 범위를 따릅니다. 레이아웃은 공간감이 있으며, 풀블리드 이미지와 촘촘한 자간을 특징으로 합니다. 핵심 금지사항: 여러 경쟁 배경색을 절대 사용하지 마십시오; 메인 히어로 헤드라인에 중앙 정렬 텍스트를 피하십시오; 고채도 그래디언트나 복잡한 레이아웃을 사용하지 마십시오. 이 디자인은 프리미엄이고 비전 있는 브랜드 아이덴티티를 구축하기 위해 몰입형 사진과 권위적이고 굵은 타이포그래피를 우선시합니다.

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

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

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

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