精選 · 開放 · 免費

Socialclubparis

一家全球廣告機構，以精緻的創意俱樂部形象呈現，並強調 oversized 的字體宣言。

01

設計氣質 DNA

一個極簡主義的畫廊空間，大尺度字體扮演了主要的建築角色。

02

色彩

嚴格單色系，依賴高對比度的黑白，並搭配細微的暖色中性色以創造層次。

03

字型

grotesque-sans · monospaced-sans

• display157px · 400
• heading46px · 400
• body14px · 400

所有文字元素的預設文字轉換為全大寫（大寫）。 · 大尺度字體作為主要的構圖元素，而不僅僅是標題。 · 在大尺寸顯示時使用緊湊的字距，以維持視覺的一致性。

04

間距

寬裕的垂直內距（例如：57px、106px、150px）營造出通風的、編輯式的感受。

05

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

使用細的實心黑色邊框，作為互動狀態輪廓與 UI 元素。

06

版面

全寬度的英雄區域搭配巨大字體，接著是瀑布流般的專案影像格線。

07

動效與互動

全域性的過渡效果應用於元素，以實現流暢的懸停狀態。 · 大尺度的文字與圖片獨立捲動，以創造深度感。

游標保持為指標；元素可能會改變透明度或進行細微的變換。 · 立即回應，無可見的載入旋轉圖示。

08

組件

• button 極簡的文字按鈕，採用大寫標籤與懸停效果。
• card 大型專案卡片，包含全出血的攝影圖片與清晰的標籤。
• chip 類別指標（例如：「● ADS」、「● BRANDING」），使用實心圓點。
• input Cookie 同意欄，包含水平文字與平面按鈕操作。
• hero 以巨大的「SOCIALCLUB」浮水印和置中的定位文字佔據整個視窗。

09

文案語氣與禁用清單

• 語氣 專業、超然且高度自信。
• 標題風格 壓倒性的巨大、極簡，且在字體上佔據主導地位。
• 按鈕文案 細微、大寫，並融入整體的極簡主義美學。

• 勿使用鮮豔的強調色——截圖顯示的是嚴格的黑色、白色與暖色中性色盤。
• 勿使用混合大小寫文字——截圖顯示幾乎完全使用全大寫。
• 勿使用厚重陰影——截圖顯示的是平面、無邊框或細邊框的表面。
• 勿使用襯線字體——截圖顯示的是乾淨、幾何或等寬的無襯線體。
• 勿使用小型英雄文字——截圖顯示的是填滿視窗的超大「SOCIALCLUB」文字。
• 勿使用傳統的卡片邊框——截圖顯示的卡片由其攝影內容和標籤定義。
• 勿使用裝飾元素——截圖顯示的是高度克制、功能性的美學。
• 避免: 避免使用多色色盤或鮮豔的強調色。
• 避免: 避免裝飾性的襯線體或手寫字體。
• 避免: 避免雜亂的佈局或密集的文字區塊。
• 避免: 避免在 UI 元素上使用厚重陰影或 3D 效果。
• 避免: 避免在 UI 和標題中使用小寫文字。
• 避免: 避免使用未達高品質製作水準的圖片。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

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