精選 · 開放 · 免費
Atlason
一個展示家具與產品設計的高端設計工作室作品集。
StudioPortfolioPremiumPhotographicCuration
01
設計氣質 DNA
設計工作室家具作品集極簡主義
一座高級設計畫廊，讓作品為自己發聲。
02
色彩
#000000Ink
#FFFFFFBG
#B0B0B0Muted
rgba(0,0,0,1.0)Line
嚴格的單色調基礎，色彩依賴高對比度的攝影作品。
03
字型
grotesque-sans
- display
230px · 400 - heading
106px · 500 - body
16px · 400
大型展示標題使用緊湊的字距調整 · 所有文字區塊保持嚴格的左對齊 · 避免使用文字陰影或裝飾性處理
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
不對稱佈局，主要區塊間留有寬大間距，內容區塊內則採較緊湊的群組排列。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
主介面元素上無可見邊框；依靠留白來進行區隔。
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
桌面版採用不對稱多欄格線；行動版則轉為單欄堆疊。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
捲動時圖片與元素的平滑透明度淡化 · 懸停時細微的縮放與位移變換
互動元素上細微的透明度降低或輕微放大效果。 · 立即導覽或過渡。
08
組件
- button 純文字連結，懸停時帶有細膩的透明度過渡效果。
- card 圖片網格，邊框極簡或無邊框，依靠與說明文字的鄰近性組織。
- hero 搭配大尺寸全出血或分割畫面影像的巨型字體。
09
文案語氣與禁用清單
- 語氣 自信、內斂且專業。
- 標題風格 以巨型字體呈現的粗體、陳述性標題。
- 按鈕文案 極簡的文字連結，常搭配一個簡單的箭頭圖示。
- 不要使用明亮的強調色——截圖顯示為嚴格的黑白配色
- 不要為圖片添加陰影——截圖顯示為乾淨、扁平的呈現方式
- 不要使用置中對齊的文字——截圖顯示為強烈的左對齊字體排印
- 不要在容器上使用圓角——截圖顯示為銳利、矩形的邊緣
- 不要為標題使用襯線字體——截圖顯示為粗體、現代的 grotesque-sans 字體
- 不要用圖示使介面變得雜亂——截圖主要依靠文字與影像進行導覽
- 避免: 過度的形容詞或行銷用語
- 避免: 明亮、衝突的色彩配色
- 避免: 裝飾性 UI 元素，如陰影或圓角
- 避免: 密集的內文段落
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
此設計代表一個高端、極簡的設計工作室作品集。它使用純黑 (#000000) 與純白 (#FFFFFF) 的嚴格單色調色板，以創造高對比度與焦點。字體排印採用粗體、現代的 grotesque-sans 字體，並以巨大尺寸呈現以強化衝擊力。佈局採用不對稱格線，優先呈現大型、高品質的攝影作品。關鍵限制：避免所有明亮的強調色，不使用圓角或陰影，並維持所有文字的嚴格左對齊。互動模型細膩，懸停狀態依賴流暢的 300ms 過渡效果。
en · zh-CN · zh-TW · ja · ko