精選 · 開放 · 免費

Look Inc

一個非傳統、源自新聞報導背景的代理商，提供獨立的創意視角。

01

設計氣質 DNA

代理商作品集採用高端時尚或文化雜誌的版面編排。

02

色彩

高對比的單色調，優先呈現作品集的攝影作品。

03

字型

transitional-serif · geometric-sans

• display56px · 400
• h238px · 700
• body20px · 400
• caption14px · 400

主要敘事文字使用過渡襯線字體，以營造新聞報導般的感覺。 · 案例研究標題使用粗體幾何無襯線字體，以形成對比。 · 字體粗細大多保持常規 (400)，以維持精緻、編輯的語調。

04

間距

寬裕的垂直內邊距在內容區塊之間創造出放鬆、具編輯感的節奏。

05

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

細而銳利的水平線 (1px solid rgba(0,0,0,0.85)) 用於分隔區段與網格項目。

06

版面

基於網格的作品集版面，採用不對稱欄位跨度以突顯精選作品。

07

動效與互動

互動元素上的顏色與背景平滑過渡效果。 · 頁面過渡效果可能較為流暢，以維持高端質感。

標準指標游標；文字連結上的顏色或底線細微過渡效果。 · 立即導航至詳細的案例研究頁面。

08

組件

• button 僅文字的連結，hover 時帶有簡單的底線效果。
• card 極簡的項目卡片，由影像與文字排版定義，而非可見的容器。
• chip 無可見元素；依賴文字層級結構。
• input 無可見元素；純粹的作品集展示。
• hero 雙欄編輯版面，包含大型文字處理與簡潔的品牌聲明。

09

文案語氣與禁用清單

• 語氣 精緻、低調且具權威感。
• 標題風格 簡短、有力且常帶有設計感（例如倒置的「Look」）。
• 按鈕文案 極簡而直接，專注於內容探索。

• 避免使用厚重的陰影或模糊的背景——截圖顯示的是平面、清晰的影像呈現。
• 避免使用明亮、飽和的霓虹強調色——截圖顯示的是嚴格的單色調色盤，色彩來自影像本身。
• 避免使用圓潤或氣泡狀的 UI——截圖顯示的是銳利的邊角與筆直、細薄的分隔線。
• 避免使用俏皮、手寫或裝飾性字體——截圖顯示的是過渡襯線與幾何無襯線字體的清晰混合。
• 避免使用複雜、多層次的漸層——截圖顯示的是純白背景與影像內的平面色塊。
• 避免用眾多 UI 控制項使介面雜亂——截圖顯示的是極簡的頂部導航，並專注於內容。
• 避免: 響亮、霓虹或過度飽和的色彩組合
• 避免: 厚重的陰影或柔軟、圓潤的 UI 元素
• 避免: 密集、雜亂且無呼吸空間的版面
• 避免: 激進、急迫的行銷文案

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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