精選 · 開放 · 免費

Spacelab

為建築設計工作室打造的極簡、攝影主導的作品集。

01

設計氣質 DNA

一個開放式工作室，其中光線、空間與結構的誠實性定義了環境。

02

色彩

嚴格的單色調色板，所有色彩皆由攝影提供。

03

字型

grotesque-sans

• display62px · 400
• heading30px · 400
• body21px · 400

在所有尺寸中使用統一的 400 字重 · 保持 1.05 到 1.2 的緊湊行高，以形成清晰的垂直節奏 · 使用輕微的正向字間距以提升清晰度

04

間距

基於 4px 基線，並大量使用 21px (1.5rem) 和 42px (3rem) 的增量。

05

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

無可見邊框；依賴間距與高對比攝影。

06

版面

不對稱的分割佈局，左側為固定導覽欄，右側為流動的內容區域。

07

動效與互動

UI 互動採用標準的 0.4 秒淡入淡出與色彩過渡

導覽連結有細微的色彩變化 (0.4 秒過渡)。 · 標準的連結導覽。

08

組件

• button 無邊框或背景的簡約文字連結。
• card 無傳統卡片；內容以全出血建築攝影呈現。
• chip 無。
• input 無。
• hero 大型排版宣言標題，後接全幅主視覺圖片。

09

文案語氣與禁用清單

• 語氣 直接、自信且極簡。
• 標題風格 大膽、宣言式且在排版上占主導地位。
• 按鈕文案 低調且功能性的文字連結。

• 勿使用粗體字重 — 截圖顯示所有文字皆使用 regular 400 字重
• 勿添加裝飾性 UI 邊框 — 截圖顯示完全無邊框的佈局
• 勿使用鮮豔的強調色 — 截圖嚴格依賴中性文字與攝影
• 勿使用襯線字體 — 截圖使用簡潔、統一的 grotesque 無襯線字體
• 勿建立僵化的格線佈局 — 截圖顯示具有明顯左側欄位的分割佈局
• 勿在元素上使用陰影 — 截圖顯示完全平坦的二維表面處理
• 避免: 行銷術語
• 避免: 過於複雜的句子
• 避免: 視覺雜亂或裝飾性邊框

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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