精選 · 開放 · 免費
Georgehatton
一個為創意總監設計的、高度克制、以文字為核心的作品集。
PortfolioStudioRestraintTypographyClean
01
設計氣質 DNA
極簡編輯風格高端受瑞士風格啟發建築感
一間原始、粗野的美術館牆面，配以精確的黑色字體。
02
色彩
#000000Ink
#ffffffBG
rgba(0, 0, 0, 1.0)Line
嚴格、高對比度、單色調色盤。
03
字型
grotesque-sans
- display
16px · 700 - body
12px · 700 - small
10px · 700
排版完全採用等寬字寬或緊密字距，大多使用粗體（700）。 · 行高嚴格與較小字號成比例（1.2）。
04
間距
4px
8px
10px
16px
24px
32px
48px
64px
嚴格、最小化的內距和緊湊的欄間距。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
1px solid rgb(0, 0, 0)
06
版面
1920container
4columns
24pxgutter
768 / 1024breakpoints
多欄文字網格。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
統一過渡效果應用於所有元素。
游標在互動文字連結上變為指針。 · 文字連結的即時反應。
08
組件
- button 帶有向上指斜箭頭的文字連結。
- card 僅文字的佈局，無可見卡片或容器。
- hero 密集、左對齊的粗體介紹文字區塊。
09
文案語氣與禁用清單
- 語氣 專業、直接且客觀。
- 標題風格 第三人稱傳記式介紹。
- 按鈕文案 低調的文字聯絡連結。
- 不要使用多種字體系列——截圖顯示單一 grotesque-sans 字體系列。
- 不要使用不同字重來強調——截圖顯示統一的粗體（700）字重。
- 不要使用色彩強調或高亮——截圖顯示嚴格的白底黑字。
- 不要使用圓角或卡片容器——截圖顯示原始、無邊框的文字佈局。
- 不要使用陰影或深度效果——截圖顯示完全平面的排版。
- 不要使用裝飾性圖示——截圖僅使用單個箭頭字元作為連結。
- 避免: 行銷術語
- 避免: 無內容的過多留白
- 避免: 裝飾性元素
- 避免: 多種字體系列
- 避免: 主觀形容詞
- 避免: 色彩強調
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個為創意總監設計的、高度克制的粗野主義作品集網站。設計完全依賴嚴格的單色調色盤（純黑 #000000 墨水在純白 #ffffff 背景上），無強調色。排版是主要結構元素，使用單一 grotesque-sans 字體系列（Suisse Intl），幾乎完全以粗體（700）設定於各種較小字號（10px、12px、16px）。佈局是密集的多欄文字網格，內距最小化。關鍵禁忌包括：永遠不要使用超過一種字重，永遠不要引入色彩或裝飾性圖形，以及永遠不要使用圓角或陰影。整體美學是建築感且純粹資訊性的，專注於絕對的可讀性與結構克制。
en · zh-CN · zh-TW · ja · ko