精選 · 開放 · 免費

Kirschberg Co Nz

一個展現產品與品牌作品的精緻設計作品集，具有乾淨、編輯式的美學。

01

設計氣質 DNA

一個精心策展的高端設計案例展示廊，散發著沉靜而自信的氣場。

02

色彩

高對比度的中性色盤，搭配帶有細微暖色調的背景，以突顯項目視覺。

03

字型

grotesque-sans · humanist-sans

• display40px · 500
• body16px · 400

在大型展示標題上使用緊湊的負字距，以營造銳利、現代的感受。 · 內文使用一致的 400 字重，以保持閱讀體驗的平靜感。 · 項目標題應使用稍大的尺寸或粗體字重，以區別於描述文字。

04

間距

寬裕的垂直內距與一致的水平間距，創造出開放、具呼吸感的佈局。

05

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

1px solid rgba(23,23,23,0.1) 用於細微的結構性分隔。

0 4px 24px rgba(0,0,0,0.08)

06

版面

居中的首頁橫幅區域，下方為可水平滾動的項目卡片網格。

07

動效與互動

互動元素上的平滑色彩與背景轉場。 · 用於載入或狀態變化的細微透明度淡入淡出。

細微的色彩偏移或透明度變化以指示互動性。 · 即時的視覺回饋，帶有輕微的縮放或色彩調整。

08

組件

• button 藥丸形按鈕，具有最小化的邊框與圓角。
• card 大型矩形卡片，具有寬裕的圓角與高品質的項目視覺。
• chip 不適用
• input 不適用
• hero 居中的文字區塊，包含大型標題與描述性副標題，位於項目網格之上。

09

文案語氣與禁用清單

• 語氣 專業、內斂且自信。
• 標題風格 直接且略帶詩意，著重於作品的影響力與未來導向。
• 按鈕文案 極簡且清晰，通常整合於導覽或項目連結中。

• 請勿使用純白色背景——截圖顯示的是帶有溫潤、微粉色調的米白色。
• 請勿在介面中使用鮮豔、飽和的強調色——網站的色彩來自項目視覺。
• 請勿使用厚重的投影陰影——設計若使用陰影，則是非常細微、柔和的抬升感。
• 請勿在標題中使用襯線字體——展示排版使用的是乾淨、幾何感的無襯線體。
• 請勿使用狹小、擁擠的間距——佈局優先考慮寬裕的留白與內距。
• 請勿使用裝飾性邊框或花紋——視覺語言嚴格遵循功能性與極簡主義。
• 避免: 喧囂的促銷用語
• 避免: 過多的專業術語
• 避免: 雜亂的佈局

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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