精選 · 開放 · 免費
Somethingspecialstudios
大膽的、以影像為驅動的創意代理商作品集，優先呈現視覺作品與字型，而非介面裝飾。
AgencyPortfolioPhotographicCleanBold Typography
01
設計氣質 DNA
代理商創意作品集高端時尚編輯風格
一本高端時尚雜誌轉化為數位畫廊。
02
色彩
#141414Ink
#FFFDF1BG
#E6E6E6Muted
rgba(20, 20, 20, 0.1)Line
嚴格使用奶油色底配黑色字型，僅以鮮豔攝影作為色彩來源。
03
字型
transitional-serif
- display
75px · 400 - body
16px · 400 - caption
12px · 400
所有文字使用 AntiqueLegacy 字型系列。 · 所有元素嚴格維持字型粗細 400。
04
間距
4px
8px
10px
16px
24px
32px
48px
64px
間距與內距採用 8px 基線節奏。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
使用 1px 實線邊框顏色作為細微分隔線。
06
版面
1920container
12columns
10pxgutter
768 / 1024breakpoints
全寬圖片網格，搭配最小內距。
07
動效與互動
100msmicro
150mssmall
600msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
懸停與頁面轉換時採用透明度淡入淡出與細微變形效果。
游標變為指標；細微的透明度或變形過渡。 · 標準導覽。
08
組件
- button 僅文字連結，搭配游標指標。
- card 以影像為主的畫廊項目，下方附有文字中繼資料。
- hero 頂部放置大標題字型區塊。
09
文案語氣與禁用清單
- 語氣 極簡、專業且自信。
- 標題風格 大型、粗體的襯線字型。
- 按鈕文案 簡潔的文字連結。
- 勿使用鮮豔的介面色調——截圖顯示設計依賴攝影提供色彩。
- 勿使用無襯線字型——截圖顯示全文使用一致的過渡襯線字型。
- 勿使用厚重陰影或圓角——截圖顯示平面、滿版的影像處理。
- 勿使用密集的文字佈局——截圖顯示簡約、精煉的文案與大量留白。
- 勿使用複雜的導覽選單——截圖顯示平面的頂部導覽列。
- 勿使用圓角圖片——截圖顯示所有影像皆採用嚴格的矩形裁切。
- 避免: 裝飾性元素
- 避免: 複雜漸層
- 避免: 鮮豔的介面色調
- 避免: 密集的文字區塊
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個為 Something Special Studios 設計的高端創意代理商作品集。定位：一個優質、以影像為首的畫廊，展示時尚、零售與生活風格作品。關鍵 Hex 色碼：#FFFDF1（奶油色背景）、#141414（墨黑色）、#E6E6E6（柔和邊框）。字型類別：過渡襯線（AntiqueLegacy）用於標題與內文。關鍵禁忌：絕不使用無襯線字型；絕不為圖片添加圓角；絕不使用鮮豔的介面色調或陰影。佈局為極簡的全寬網格，優先呈現攝影而非裝飾性介面元素。
en · zh-CN · zh-TW · ja · ko