精選 · 開放 · 免費

Xxxi Studio

一個連接概念創新與技術執行的精緻建築實踐。

StudioPremiumCleanArchitectureRefined

Xxxi Studio 網站截圖

↓ 下載設計系統包 (110 MB)在 OpenDesign 中開啟

原站: https://xxxi.studio

📦 瀏覽包內檔案 →

01

設計氣質 DNA

建築產品設計營造概念性技術性

一個高端的建築作品集，其中媒介（網站）反映了工作室實體項目的精準度與原始物質性。

02

色彩

#000000Ink

#FFFFFFBG

#E5E7EBMuted

rgba(229, 231, 235, 1)Line

嚴格的單色調色板，作為高品質建築攝影的中性、不張揚框架。

03

字型

grotesque-sans

display28px · 400
body17px · 400

所有文字皆使用乾淨的 grotesque-sans 字體，以維持現代、實用的美學。 · 字體粗細一致保持在 400，以避免視覺上的沉重感。

04

間距

4px

8px

16px

24px

32px

48px

64px

96px

版面依賴嚴格的 4px 基礎網格與極小的 padding，讓全出血攝影主導視窗。

05

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

sm · 0px

md · 0px

lg · 0px

pill · 999px

極度簡約，僅在必要時使用 1px 的實心線（#E5E7EB）進行細微分隔。

06

版面

1440container

12columns

24pxgutter

768 / 1024breakpoints

全出血的編輯式網格，大規模攝影是主要結構元素，覆蓋上極簡的文字。

07

動效與互動

220msmicro

300mssmall

400msmedium

cubic-bezier(0.4, 0, 0.2, 1)easing

hover 時平滑的透明度與顏色過渡，以及細微的基於滾動的圖片與文字顯示。

平滑的顏色過渡，可能是文字或背景顏色的變化，以表示互動性。 · 標準的指標游標，表示可點擊的元素。

08

組件

button 極簡的文字按鈕，可能依賴 hover 狀態而非厚重的視覺樣式。
card 無傳統卡片；內容以連續的、滾動式敘事流呈現。
chip 無。
input 無。
hero 一個全視窗、沈浸式的建築攝影，覆蓋著開頭文字。

09

文案語氣與禁用清單

語氣專業、簡潔且高度自信。
標題風格 直接且具宣告性，使用標準字重，讓攝影本身發聲。
按鈕文案 極簡且低調，通常僅為文字連結或圖示。

不要使用鮮豔的強調色——截圖顯示的是嚴格的單色調色板。
不要套用厚重的陰影或發光效果——截圖顯示的是完全平面、無裝飾的元素。
不要使用裝飾性、手寫或草書字體——截圖僅使用乾淨、標準的 grotesque-sans 字體。
不要使用粗邊框或高度圓角——截圖顯示的是銳利、極簡的線條。
不要為標題使用粗體字重——截圖維持一致的標準字重。
不要增加不必要的 padding 或 margin，以免分散對全出血攝影的注意力。
避免: 過度熱情的語言
避免: 視覺雜亂
避免: 裝飾性元素

10

包內真實截圖

Xxxi Studio — 桌面首屏（hero） — 桌面首屏（hero）

Xxxi Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Xxxi Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Xxxi Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Xxxi Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Xxxi Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Xxxi Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Xxxi Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Xxxi Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Xxxi Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Xxxi Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Xxxi Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Xxxi Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Xxxi Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Xxxi Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Xxxi Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Xxxi Studio — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Xxxi Studio — 移动首屏 — 移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

這是一個高端建築工作室的作品集，專注於原始工業材料與極簡執行。設計 heavily 依賴純白（#FFFFFF）與實心黑（#000000）的單色調色板，使用單一 grotesque-sans 字體家族並保持一致的 400 字重。關鍵的限制包括避免任何鮮豔的強調色、省略厚重陰影或圓角，以及拒絕使用裝飾性字體。版面完全由全出血的高品質攝影驅動，文字覆蓋極簡。互動性細膩，依賴平滑的 0.3 秒過渡。這種節制確保了設計永遠不會與工作室的建築作品競爭。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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