精選 · 開放 · 免費

Maximilianberndt

為創意開發者設計的簡約、高度排版導向的作品集，採用嚴謹格線與單色系色彩方案。

01

設計氣質 DNA

為數位工匠打造的簡潔瑞士風格排版樣張。

02

色彩

嚴格採用單色系，以近黑色與中灰色搭配米白色背景，最大化可讀性。

03

字型

grotesque-sans · monospace

• display12px · 400

04

間距

佈局依賴嚴謹的格線系統，各區塊間保持寬裕的垂直間距與一致的內邊距。

05

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

無可見邊框；透過間距與色彩對比來界定邊界。

06

版面

桌面版採用嚴謹的非對稱雙欄格線，於行動裝置上則轉為單欄佈局。

07

動效與互動

在滾動或 hover 時，文字淡入淡出與列表過渡動畫流暢自然。

細微的 opacity 變化或色彩偏移。 · 直接導航，無複雜動畫。

08

組件

• button 純文字連結，無可見的視覺裝飾。
• card 無視覺化卡片；內容以列表結構組織。
• chip 無。
• input 無。
• hero 純排版的首屏區域，搭配大量留白。

09

文案語氣與禁用清單

• 語氣 專業、內斂、高度能力導向。
• 標題風格 極簡，使用小型、精準的排版。
• 按鈕文案 純文字連結，常隱藏於右上角或列表之中。

• 勿使用鮮豔的強調色——截圖顯示為嚴格的單色系色彩方案。
• 勿使用大型裝飾性字體——截圖顯示為統一的 12px grotesque-sans 字型。
• 勿添加陰影或邊框——截圖顯示為以留白定義的平面佈局。
• 勿在主要佈局中使用複雜影像——截圖顯示為純文字內容。
• 勿使用圓角——截圖顯示為銳利、未加樣式的元素。
• 勿將文字置中對齊——截圖顯示為嚴格的左對齊佈局。
• 避免: 過度裝飾性元素
• 避免: 鮮豔色彩
• 避免: 複雜圖示

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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