精選 · 開放 · 免費

Hle

一個極具高對比度的深色畫布，搭配巨大的排版，定位為人才與內容的高端平台。

01

設計氣質 DNA

一本奢侈品牌的專題論文集。

02

色彩

極致對比：在近黑色的背景上使用純白色字型，並以細微的灰色作為次要 UI 元素的點綴。

03

字型

geometric-sans · monospace

• display118px · 400
• body15px · 400
• caption10px · 400

主要無襯線字體為幾何風格、乾淨且具有高度可讀性。 · 等寬字體用於特定的 UI 元素與標籤。 · 所有字型皆使用一般粗細（400）。

04

間距

以 4px 的基本網格系統管理所有間距，區塊容器則採用寬裕的 padding（40px-48px）。

05

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

採用細薄、低不透明度的白色邊框或深色實心邊框，且使用得相當節制。

使用內凹與外凸陰影的細微擬物化效果，在卡片與按鈕上創造深度。 · 陰影採用低不透明度的黑色與灰色，以便與深色背景融合。

06

版面

乾淨的欄式佈局，擁有寬裕的空白區域，並著重於垂直節奏。

07

動效與互動

首頁標題似乎具有打字或揭示動畫。 · 互動狀態的變換與過渡效果運用於互動狀態。

互動元素在陰影深度或色彩強度上產生細微變化。 · 按鈕與連結在點擊時有細微的 scale 或 transform 效果。

08

組件

• button 具備細微高光與陰影的深色擬物化按鈕，常採用 50% 的 border-radius 形成膠囊形狀。
• card 深色卡片，帶有細微的擬物化陰影與 12px 的 border-radius。
• chip 在提供的截圖中並不明顯。
• input 在提供的截圖中並不明顯。
• hero 一個全螢幕的深色首頁區塊，主導視覺的是一個巨大的、左對齊的標題，該標題會以打字或揭示動畫呈現。

09

文案語氣與禁用清單

• 語氣 自信、直接且極簡。
• 標題風格 巨大、粗體且具宣言性，採用「聲明」風格。
• 按鈕文案 低調且整合於擬物化設計系統中。

• 不要使用明亮、飽和的點綴色 —— 截圖顯示的是嚴格的單色色盤。
• 不要使用裝飾性的襯線字體 —— 截圖顯示所有文字皆採用乾淨的幾何無襯線字體。
• 不要使用厚重、不透明的投影 —— 截圖顯示的是細微的擬物化陰影技巧。
• 不要建立雜亂的佈局 —— 截圖顯示的是一種極簡、高對比度的設計，擁有大量的空白區域。
• 不要使用粗體或厚重的字重 —— 截圖顯示所有文字皆採用一般（400）字重。
• 不要四處使用圓潤、柔軟的邊角 —— 截圖顯示了銳角與高度圓潤（50%）半徑的混合運用。
• 避免: 繽紛的漸層
• 避免: 俏皮的插圖
• 避免: 複雜的佈局

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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