精選 · 開放 · 免費
Favorit Studio
一個以巨型排版和極致負空間定義的高對比度極簡主義設計工作室作品集。
StudioBold TypographyCleanMonochromeMinimal
01
設計氣質 DNA
極簡主義建築感高對比度精確大膽
一個冷峻、高對比度的建築工作室宣言
02
色彩
#000000Ink
#FFFFFFBG
rgba(0,0,0,1.0)Line
嚴格、不妥協的單色調，純黑與純白之間達到最大對比度
03
字型
grotesque-sans
- display
189px · 400 - headline
158px · 400 - subhead
135px · 400 - body
23px · 400
所有文字均僅使用 TWKLausanne (grotesque-sans) · 標題保持緊湊的負字距 (-0.1em) · 字重嚴格保持在 400 (Regular)
04
間距
4px
8px
16px
21px
46px
69px
96px
不對稱，伴隨慷慨的負空間
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
特定元素上使用極簡的 1px 黑色邊框，其餘元素則無邊框
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
嚴格的分割螢幕或全出血版面區塊，具有極端的不對稱性
07
動效與互動
100msmicro
300mssmall
600msmedium
cubic-bezier(0.16, 1, 0.3, 1)easing
流暢的顯示過渡動畫 · 基於變形的滑動效果
細微的變形或透明度變化 · 即時回應
08
組件
- button 極簡的文字按鈕，帶有細邊框
- card 無邊框或單線邊框的平面容器
- chip 不適用
- input 不適用
- hero 巨型分割螢幕版面，以超大排版主導整個視窗
09
文案語氣與禁用清單
- 語氣 直接、自信、極簡
- 標題風格 超大尺寸、全小寫或全大寫、極緊湊的字距
- 按鈕文案 低調的文字連結，帶有細邊框
- 請勿使用陰影 — 截圖顯示為平面、高對比度的表面
- 請勿在元素上使用 border-radius — 截圖顯示為銳利的 0px 圓角
- 請勿使用多種字重 — 截圖顯示僅使用字重 400
- 請勿引入強調色 — 截圖嚴格為黑白
- 請勿使用寬字距 — 截圖顯示為緊湊、負字距
- 請勿添加背景紋理或漸層 — 截圖顯示為純黑/純白的實色背景
- 避免: 俏皮的語言
- 避免: 過多的標點符號
- 避免: 圓角
- 避免: 陰影
- 避免: 漸層
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
一個大膽、極簡主義的設計工作室作品集，其特點是冷峻的黑白對比和巨型 grotesque-sans 排版。關鍵色彩嚴格限定為 #000000 和 #FFFFFF。字體類別僅限 grotesque-sans (TWKLausanne)，以多種巨大尺寸 (最大至 189px) 及字重 400 使用。關鍵禁止事項：絕不使用 border-radius (截圖顯示為銳利的 0px 圓角)，絕不使用陰影 (表面完全平面)，絕不引入強調色 (色調嚴格為單色)。
en · zh-CN · zh-TW · ja · ko