精選 · 開放 · 免費

Stinkstudios

一個以大膽排版、電影感攝影和極簡黑白調色盤為特色的頂級創意工作室作品集。

01

設計氣質 DNA

一個以高對比排版展示大尺度創意作品的電影感畫廊。

02

色彩

高對比單色調基礎，讓電影感的項目攝影成為主要的視覺焦點。

03

字型

grotesque-sans · monospace

• display60px · 300
• heading52px · 300
• body16px · 300
• caption14px · 300

使用 Helvetica, sans-serif 作為主要字體。 · 在大型展示文字上，保持極緊的負字距。 · 所有介面文字應使用輕量級（300 字重）。

04

間距

大型視覺元素周圍採用寬鬆的內邊距，導航和列表則使用較緊且一致的間距。

05

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

使用 1px 的細白或黑線，主要用於分隔與底線。

06

版面

全版首頁橫幅影像，後接混合大小的項目卡片網格。

07

動效與互動

互動元素上的平滑透明度淡入淡出。 · 導航和卡片上基於變形的 hover 狀態。 · 載入狀態下，商標元素的旋轉或轉動動畫。

細微的透明度降低或輕微色調變化，以指示互動性。 · 立即的狀態變化或導航至項目詳情頁。

08

組件

• button 以底線或 hover 透明度變化呈現的簡潔文字連結。
• card 邊對邊的攝影縮圖，下方或旁邊配有極簡的文字覆蓋層。
• chip 用於如「ADVERTISING」等分類的小型、大寫、字距較寬的等寬字體文字。
• input 極簡的輸入框，可能以帶有底部邊框的簡單文字欄位形式出現。
• hero 全視窗沉浸式影片或圖片背景，搭配巨大、緊密字距的展示排版。

09

文案語氣與禁用清單

• 語氣 自信、極簡且專業。
• 標題風格 簡短、有力且視覺主導，依賴尺寸而非複雜措辭。
• 按鈕文案 融入整體極簡美學的低調文字連結。

• 勿使用裝飾性襯線字體 — 截圖顯示所有介面和展示文字均採用簡潔、幾何風格的 grotesque-sans。
• 勿在 UI 元素上添加陰影 — 截圖顯示完全平面的表面，無任何立體效果。
• 勿使用鮮豔、高飽和度的強調色 — 截圖顯示嚴格的單色調色盤（黑、白、柔和灰）。
• 勿在導航中使用置中對齊的文字 — 截圖顯示導航連結在首頁橫幅底部採用右對齊。
• 勿在內文中使用粗體字重 — 截圖顯示主要採用輕量級（300）文字，以營造精緻感。
• 勿在主要卡片上使用圓角 — 截圖顯示項目影像為銳利邊緣，僅在次要元素上使用小至 10px 的圓角。
• 避免: 避免使用裝飾性襯線字體。
• 避免: 避免使用鮮豔的霓虹或多色漸層。
• 避免: 避免使用過多邊框或陰影的雜亂 UI。
• 避免: 避免使用俏皮或圓潤的氣泡狀 UI 元素。
• 避免: 避免在首頁橫幅區塊中使用大段密集的內文。
• 避免: 避免使用複雜的動畫，以免分散對攝影的注意力。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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