精選 · 開放 · 免費

Channel Studio

專注於高端專案案例研究的頂級品牌與使用者體驗創新工作室

AgencyStudioCurationPremiumClean

Channel Studio 網站截圖

↓ 下載設計系統包 (29 MB)在 OpenDesign 中開啟

原站: https://channel.studio

📦 瀏覽包內檔案 →

01

設計氣質 DNA

品牌創新使用者體驗設計工作室高端代理商

創意工作室的極簡建築藍圖

02

色彩

#CACACAInk

#727272Ink soft

#000000BG

#111111BG soft

rgba(202,202,202,0.2)Line

深色底面上搭配高對比度字體的嚴格單色調

03

字型

geometric-sans

display75px · 400
heading18px · 400

展示文字採用緊湊字距以強化視覺衝擊力 · 全文統一使用 400 字重，呈現精緻、一致的外觀 · 左對齊字體建立強烈的垂直軸線

04

間距

4px

8px

16px

24px

32px

48px

64px

96px

不對稱內邊距，底部採用較大偏移量以創造全視窗區塊

05

表面 (圓角 / 陰影 / 邊線)

sm · 0px

md · 0px

lg · 0px

pill · 0px

無可見邊框；以色塊與大型影像定義邊界

06

版面

1440container

12columns

24pxgutter

768 / 1024breakpoints

全出血區塊交替使用深色文字背景與大型專案影像

07

動效與互動

250msmicro

500mssmall

800msmedium

cubic-bezier(0.25, 0.1, 0.25, 1)easing

文字與導覽元素的平滑透明度轉換 · 滾動時頁面區塊的依序出現

文字連結的細微色彩變化 · 透過透明度變化立即提供視覺回應

08

組件

button 無背景或邊框的極簡文字連結，有時搭配箭頭圖示
card 由大型標題與主導背景圖組成的全出血專案卡片
hero 沉浸式全視窗區塊，於質感深色背景上展示大型左對齊標語

09

文案語氣與禁用清單

語氣權威、直接且精緻
標題風格 使用大規模字體的宣言式、高衝擊力標語
按鈕文案 低調、功能性的文字連結，以清晰度優先於視覺干擾

勿使用鮮豔強調色——截圖顯示嚴格的單色調色板，僅有白色與灰色
勿使用厚重邊框或卡片——截圖顯示無可見容器的全出血區塊
勿使用多欄格線排版小文字——截圖顯示大量留白與左對齊區塊
勿使用活潑或圓潤字體——截圖顯示結構化、幾何感的無襯線字體
勿使用雜亂的導覽選單——截圖顯示簡單的垂直文字列表
勿使用陰影來創造深度——截圖依賴大型影像與高對比文字
避免: 避免雜亂版面或過多介面元素
避免: 避免裝飾性漸層或複雜陰影
避免: 避免裝飾性圖示或插圖

10

包內真實截圖

Channel Studio — 桌面首屏（hero） — 桌面首屏（hero）

Channel Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Channel Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Channel Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Channel Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Channel Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Channel Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Channel Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Channel Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Channel Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Channel Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Channel Studio — 移动首屏 — 移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

Channel Studio 是頂級品牌與使用者體驗創新代理商。視覺語言以嚴格單色調色板定義，包含深黑色背景、純白文字及次要元素的柔和灰色調。字體使用簡潔的幾何無襯線類別，以大規模呈現並搭配緊湊字距，創造大膽的建築感。版面高度不對稱，依賴全出血區塊與超大影像來展示專案案例研究。關鍵限制包括避免任何鮮豔強調色、移除卡片或邊框等裝飾性介面元素，並保持大量負空間。轉換效果應平滑低調，專注於透明度與細微色彩變化，而非炫目的動畫。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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