精選 · 開放 · 免費

Basedesign

一個運用巨型字體與強烈對比來創造文化衝擊的極簡主義設計工作室。

AgencyBold TypographyEditorialCleanPremium

Basedesign 網站截圖

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

原站: https://www.basedesign.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

大膽圖形編輯極簡文化衝擊

高衝擊力文化展覽場結合現代設計宣言。

02

色彩

#000000Ink

#212121Ink soft

#FFFFFFBG

#ABABABMuted

rgba(0,0,0,0.12)Line

高對比單色調，輔以互動元素的藍色強調。

03

字型

geometric-sans

display120px · 700
headline60px · 300
body18px · 400
caption12px · 400

運用極端尺寸差異來創造視覺層次。 · 展示文字保持緊湊行距。 · 所有文字左對齊，以營造乾淨、結構化的外觀。

04

間距

4px

8px

16px

24px

32px

48px

64px

96px

運用充足留白來框住大膽的排版元素。

05

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

sm · 0px

md · 0px

lg · 0px

pill · 50px

使用細黑底線作為互動元素與區塊分隔線。

06

版面

1280container

12columns

24pxgutter

768 / 1024breakpoints

全寬排版首頁，後接高對比的編輯區塊。

07

動效與互動

200msmicro

250mssmall

350msmedium

cubic-bezier(0.32, 0, 0.67, 0)easing

內容過渡使用平滑淡入淡出 · 互動元素使用細微變形

元素在 hover 時細微淡入或變形。 · 透過最小視覺變化提供直接回饋。

08

組件

button 簡約的文字連結，裝飾極簡。
card 排版卡片，強調大膽標題與專案影像。
hero 巨型排版首頁區塊，運用單一詞彙或短語佔據整個螢幕。

09

文案語氣與禁用清單

語氣自信、直接、具權威感。
標題風格 大膽、大尺度、宣言式。
按鈕文案 簡約、無裝飾的文字連結。

不要在主要容器上使用圓角——截圖顯示嚴格的銳利邊緣或極微小的 2px 圓角。
不要在卡片上添加陰影——截圖顯示平坦、高對比的表面，無任何立體效果。
不要在單一區塊中使用多種顏色——截圖顯示嚴格的單色調色板。
不要將所有文字置中——截圖顯示強烈偏好左對齊排版。
不要使用小而擁擠的版面——截圖顯示擴展式留白與巨型字體。
不要使用裝飾性圖示——截圖顯示極簡、字體驅動的介面。
避免: 分散排版注意力的裝飾元素。
避免: 圓角或柔軟形狀。
避免: 複雜的顏色漸層或圖案。
避免: 小而密集的文字區塊。
避免: 花俏或手寫字體。
避免: 鮮豔飽和的配色。

10

包內真實截圖

Basedesign — 桌面首屏（hero） — 桌面首屏（hero）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Basedesign — 移动首屏 — 移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

這是一個高衝擊力的設計工作室網站，以巨型字體、強烈的黑白對比，以及簡潔的編輯式版面為特徵。主要字體類別為幾何無襯線體，用於極端尺度（最高達 120px）以創造大膽的視覺識別。色板幾乎完全採用單色調，僅使用 #FFFFFF、#000000 和 #212121。請勿使用圓角、柔和陰影或任何會削弱大膽、直接美感的裝飾元素。專注於銳利邊緣、充足留白，以及強而有力的排版宣言。版面應感覺像展覽場或宣言，具有清晰的層次與刻意的節奏。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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