精選 · 開放 · 免費

Dokument Studio

一個暫停營運的設計工作室，極簡、平靜的作品集網站。

01

設計氣質 DNA

一個平靜、記錄詳盡的設計工作室過往作品檔案室。

02

色彩

極度克制，以單色調配色為主，僅使用一個單一、功能性的藍色強調色作為連結色彩。

03

字型

condensed-grotesque · humanist-sans · monospace

• display56px · 700
• body16px · 400
• caption12px · 400

使用窄版 grotesque 字體作為大型展示文字。 · 使用人文主義無襯線字體作為可讀性高的內文。 · 使用字間距寬鬆的等寬字體，作為小型大寫的功能性文字。

04

間距

標準 4px 基礎單位，搭配寬鬆的留白，以支援平靜、舒適的佈局。

05

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

無可見邊框；分隔純粹透過間距與佈局達成。

06

版面

單一欄位的主要內容區域，導覽與頁尾元素分別推向頂部與底部的極端位置。

07

動效與互動

靜態佈局，截圖中無可見動畫或轉場效果。

互動元素上有細微的 opacity 變化。 · 標準的連結導覽。

08

組件

• button 極簡的膠囊形按鈕，帶有細邊框與寬鬆的內距。
• card 無可見卡片。
• chip 用於團隊成員的小型膠囊形頭像標籤。
• input 無可見輸入框。
• hero 一個巨大、垂直堆疊的窄版排版標誌，作為底部的視覺錨點。

09

文案語氣與禁用清單

• 語氣 平靜、專業，帶些許懷舊感。
• 標題風格 大型、具衝擊力的窄版排版。
• 按鈕文案 克制，通常僅為文字連結或極簡的帶框膠囊按鈕。

• 不要使用鮮豔或混亂的顏色——截圖顯示的是一個克制的單色調配色，僅帶有一個功能性的藍色。
• 不要使用活潑或圓潤的展示字體——截圖顯示的是高度窄版、剛硬的 grotesque 字體作為展示用途。
• 不要使用多欄或網格來使佈局混亂——截圖顯示的是一個非常開闊、以單欄為主導的佈局。
• 不要使用厚重的陰影或 3D 效果——截圖顯示的是完全扁平、無邊框的美學。
• 不要為內文使用粗體字重——截圖顯示所有標準文字皆使用 400 的常規字重。
• 不要使用裝飾性元素如圖示或插圖——截圖完全依賴排版與極簡的頭像。
• 避免: 過度激動的語言
• 避免: 顯眼的行動呼籲按鈕
• 避免: 複雜的 UI 元件

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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