精選 · 開放 · 免費

Exo Ape

以圖片為驅動、具有精緻排版與沉穩節奏的電影感設計工作室網站。

01

設計氣質 DNA

頂級建築雜誌與奢華酒店大廳的結合。

02

色彩

英雄式攝影作為主要畫布，純淨白色文字提供最大對比，單一暖色調增添細微暖意。

03

字型

humanist-sans

• display250px · 300
• heading144px · 300
• body16px · 300

展示尺寸使用極緊的負追蹤值，以實現高級、建築感的外觀。 · 所有文字保持輕量 (300) 字重，以維持優雅感。 · 所有排版元素確保高對比度（暗底白字）。

04

間距

如藝廊般寬敞的節奏，主要元素周圍留有充裕內距。

05

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

極簡；依賴色彩對比與攝影深度，而非線條。

06

版面

全版出血攝影主視覺，搭配左對齊文字區塊。

07

動效與互動

滑鼠懸停時的流暢透明度過渡。 · 大型文字元素的電影式滾動揭示。

細微的透明度降低。 · 立即回應。

08

組件

• button 無背景的簡約文字連結。
• card 全版出血圖片疊加。
• hero 全視窗攝影背景，搭配巨型、左對齊的排版。

09

文案語氣與禁用清單

• 語氣 自信、內斂且高級。
• 標題風格 以輕字重呈現的巨型單字或短語標語。
• 按鈕文案 低調、基於文字的行動呼籲。

• 避免使用沉重字重——截圖顯示所有文字均使用一致的輕量 (300) 字重。
• 避免在主要表面上添加圓角——截圖顯示銳利、建築感的邊緣。
• 避免使用明亮、飽和的強調色——截圖依賴攝影背景上的白色文字。
• 避免擁擠的版面——截圖顯示文字區塊周圍有充裕內距（例如 50px）。
• 避免使用帶有可見格線的網格——截圖使用留白與對齊來組織內容。
• 避免使用小型展示文字——截圖顯示「Digital」以巨型 250px 規模呈現。
• 避免: 大聲、飽和的色彩。
• 避免: 主要容器上的圓角。
• 避免: 沉重的字重（400 以上）。

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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