← OpenDesign 精選 · 開放 · 免費
Basement Studio
一個製作酷炫東西的數位工作室與品牌設計力量。
agency dev creative
01
設計氣質 DNA
數位工作室 品牌設計 創意機構 實驗性
一個黑暗、沉浸式的數位工作坊或畫廊，展示高端創意作品。
02
色彩
#ffffffInk
#e6e6e6Ink soft
#000000BG
#1a1a1aBG soft
#2e2e2eBG quiet
#c4c4c4Muted
rgba(230, 230, 230, 0.3)Line
高對比度的單色調，使用深黑與亮白，僅以專案影像作為點綴。
03
字型
geometric-sans · monospace
display 76px · 600h1 38px · 600body 16px · 400caption 13px · 60004
間距
4px
8px
12px
16px
24px
32px
48px
64px
96px
基於網格的版面配置，擁有充足的 padding 與 gutters，通常為 16px 或 24px。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
使用 rgba(230, 230, 230, 0.3) 的 1px 寬度細微水平分隔線。
06
版面
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
全寬英雄圖片，後接基於網格的專案展示區，配有大型標題與描述。
07
動效與互動
220ms micro
400ms small
800ms medium
cubic-bezier(0.4, 0, 0.2, 1) easing
顏色與背景色變化的平滑過渡。 · 互動元素的基於 transform 的動畫。
游標變為 pointer 或 alias；細微的顏色或背景過渡。 · 立即回饋，通常透過連結導覽實現。
08
組件
button 以文字為主的導覽連結，粗體字重，無可見背景或邊框。 card 專案條目，大型影像伴隨描述性文字，以細線分隔。 chip 未觀察到。 input 未觀察到。 hero 沉浸式全寬圖片或影片背景，疊加文字與「向下捲動探索」提示。 09
文案語氣與禁用清單
語氣 自信、大膽，略帶不羈。 標題風格 大型、緊湊字距的幾何無襯線字體，高對比度。 按鈕文案 直接且注重行動，通常小寫或符合品牌語氣。 不要使用襯線字體——截圖顯示所有文字使用幾何無襯線字體。 不要在按鈕上添加背景色——截圖顯示純文字導覽連結。 不要使用厚重的陰影——截圖顯示完全平面的表面。 不要在卡片或容器上使用圓角——截圖顯示銳利的方形邊緣。 不要使用多種強調色——截圖顯示嚴格的單色調色板，由專案影像提供色彩。 不要用邊框使版面配置雜亂——截圖顯示極簡的水平分隔線。 避免: 正式的企業語言 避免: 雜亂的介面 避免: 低對比度的文字 10
包內真實截圖
桌面首屏（hero） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 移动首屏 擷取自真實頁面 · 真 computed styles
11
System Prompt
Basement Studio 是一家高端創意機構，專注於數位體驗與品牌設計。其設計 DNA 由深黑色（#000000）背景與純白色（#ffffff）墨水定義，創造出鮮明、高對比度的畫布。字體使用幾何無襯線（Geist）與等寬（Geist Mono）類別。版面配置寬敞且基於網格，優先考慮大膽標題與沉浸式專案影像。關鍵禁忌：永遠不要在按鈕上添加背景色，永遠不要在容器上使用圓角，永遠不要在核心介面中引入多種強調色。
更多精選 en · zh-CN · zh-TW · ja · ko
