精選 · 開放 · 免費
Hausotto
極簡設計工作室作品集,以巨大單色文字排版為核心。
PortfolioStudioEditorialCleanMonochrome
01
設計氣質 DNA
極簡建築感冷冽直率
白色房間內一幅冷冽的文字看板。
02
色彩
#000000Ink
#ffffffBG
rgba(0,0,0,1.0)Line
嚴格單色高對比,無裝飾性色彩。
03
字型
geometric-sans
- display
216px · 400 - heading
22px · 400 - body
13px · 400
所有文字排版嚴格採用單色幾何風格。 · 大型展示文字大量使用負字距調整。 · 文字顏色統一為純黑 (#000000)。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
慷慨的垂直間距與精確的內距階梯。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
極簡,互動元素或帶底線元素嚴格使用 1px 實線黑色邊框。
06
版面
1920container
4columns
24pxgutter
768 / 1024breakpoints
大量留白搭配嚴謹無框線表格網格。
07
動效與互動
220msmicro
500mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
互動狀態下透明度與頂部位置的細微過渡效果。
可導覽項目細微透明度變化。 · 互動元素使用標準指標游標。
08
組件
- button 純文字按鈕,無背景或邊框,Cookie 操作按鈕除外(實心黑色)。
- card 無卡片設計;資料以清晰無框線表格呈現。
- chip 無。
- input 無。
- hero 巨大置中的文字商標佔滿整個視窗。
09
文案語氣與禁用清單
- 語氣 中性、直率且嚴格功能性。
- 標題風格 巨大全大寫、緊縮字距的幾何無襯線字體。
- 按鈕文案 純文字或簡潔黑色方塊,無裝飾。
- 勿使用次要色彩——截圖顯示嚴格黑白調色盤。
- 勿套用 border-radius——截圖顯示銳利無圓角矩形元素。
- 勿使用陰影——截圖顯示完全平面化的 2D 表面。
- 勿使用裝飾性圖像——截圖顯示嚴格文字排版介面。
- 勿變動字重——截圖顯示所有文字保持統一粗細。
- 勿使用置中多行文字——截圖顯示左對齊列表與置中單行標題。
- 避免: 避免裝飾性色彩或漸層。
- 避免: 避免圓角或柔和形狀。
- 避免: 避免陰影或層疊表面。
- 避免: 避免友善或趣味性微文案。
- 避免: 避免字重變化;保持統一粗細。
- 避免: 避免置中多行文字區塊。
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個極簡設計工作室作品集。版面特徵為巨大單色文字排版(類 Monument 的幾何無襯線字體)置中於純白背景 (#ffffff) 搭配純黑文字 (#000000)。主要內容以清晰無框線表格網格組織,維持高對比、嚴格建築美感。關鍵限制包括絕對禁止色彩、border-radius、陰影與裝飾性圖像。任何偏離此冷冽、平面化、網格結構的作法將損害設計嚴謹的高端編輯識別度。
en · zh-CN · zh-TW · ja · ko