精選 · 開放 · 免費
Spacelab
為建築設計工作室打造的極簡、攝影主導的作品集。
StudioArchitectureCleanPortfolioPremium
01
設計氣質 DNA
建築探索性工作室空間極簡
一個開放式工作室,其中光線、空間與結構的誠實性定義了環境。
02
色彩
#2C2222Ink
#B2B4B1Ink soft
#FFFFFFBG
rgba(255,255,255,0)Line
嚴格的單色調色板,所有色彩皆由攝影提供。
03
字型
grotesque-sans
- display
62px · 400 - heading
30px · 400 - body
21px · 400
在所有尺寸中使用統一的 400 字重 · 保持 1.05 到 1.2 的緊湊行高,以形成清晰的垂直節奏 · 使用輕微的正向字間距以提升清晰度
04
間距
4px
8px
16px
21px
32px
42px
84px
基於 4px 基線,並大量使用 21px (1.5rem) 和 42px (3rem) 的增量。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 0px
lg · 0px
pill · 999px
無可見邊框;依賴間距與高對比攝影。
06
版面
1280container
12columns
42pxgutter
768 / 1024breakpoints
不對稱的分割佈局,左側為固定導覽欄,右側為流動的內容區域。
07
動效與互動
250msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
UI 互動採用標準的 0.4 秒淡入淡出與色彩過渡
導覽連結有細微的色彩變化 (0.4 秒過渡)。 · 標準的連結導覽。
08
組件
- button 無邊框或背景的簡約文字連結。
- card 無傳統卡片;內容以全出血建築攝影呈現。
- chip 無。
- input 無。
- hero 大型排版宣言標題,後接全幅主視覺圖片。
09
文案語氣與禁用清單
- 語氣 直接、自信且極簡。
- 標題風格 大膽、宣言式且在排版上占主導地位。
- 按鈕文案 低調且功能性的文字連結。
- 勿使用粗體字重 — 截圖顯示所有文字皆使用 regular 400 字重
- 勿添加裝飾性 UI 邊框 — 截圖顯示完全無邊框的佈局
- 勿使用鮮豔的強調色 — 截圖嚴格依賴中性文字與攝影
- 勿使用襯線字體 — 截圖使用簡潔、統一的 grotesque 無襯線字體
- 勿建立僵化的格線佈局 — 截圖顯示具有明顯左側欄位的分割佈局
- 勿在元素上使用陰影 — 截圖顯示完全平坦的二維表面處理
- 避免: 行銷術語
- 避免: 過於複雜的句子
- 避免: 視覺雜亂或裝飾性邊框
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
為建築設計工作室打造的極簡、攝影主導的作品集。定位:高端建築工作室。主要十六進位顏色:#FFFFFF 背景、#2C2222 墨色、#B2B4B1 柔和色。字體類別:統一 400 字重的 Grotesque 無襯線字體。關鍵禁忌:勿使用粗體字重;勿添加裝飾性 UI 邊框;勿使用鮮豔的強調色;勿使用襯線字體;勿使用陰影。設計優先考慮大型排版與全出血攝影,而非傳統 UI 元件,營造出整潔、寬敞的感受。
en · zh-CN · zh-TW · ja · ko