精選 · 開放 · 免費

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

一般介面互動採用細微的 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。佈局寬敞，採用全版影像與緊湊字距。關鍵禁忌：切勿使用多種相互競爭的背景色；避免為主要主標題使用置中文字；不要使用高彩度漸層或繁複佈局。設計優先考慮沉浸式攝影與權威、粗體字體，以建立高端、前瞻性的品牌識別。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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