精選 · 開放 · 免費
Basedesign
一個運用巨型字體與強烈對比來創造文化衝擊的極簡主義設計工作室。
AgencyBold TypographyEditorialCleanPremium
01
設計氣質 DNA
大膽圖形編輯極簡文化衝擊
高衝擊力文化展覽場結合現代設計宣言。
02
色彩
#000000Ink
#212121Ink soft
#FFFFFFBG
#ABABABMuted
rgba(0,0,0,0.12)Line
高對比單色調,輔以互動元素的藍色強調。
03
字型
geometric-sans
- display
120px · 700 - headline
60px · 300 - body
18px · 400 - caption
12px · 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
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個高衝擊力的設計工作室網站,以巨型字體、強烈的黑白對比,以及簡潔的編輯式版面為特徵。主要字體類別為幾何無襯線體,用於極端尺度(最高達 120px)以創造大膽的視覺識別。色板幾乎完全採用單色調,僅使用 #FFFFFF、#000000 和 #212121。請勿使用圓角、柔和陰影或任何會削弱大膽、直接美感的裝飾元素。專注於銳利邊緣、充足留白,以及強而有力的排版宣言。版面應感覺像展覽場或宣言,具有清晰的層次與刻意的節奏。
en · zh-CN · zh-TW · ja · ko