精選 · 開放 · 免費
Biron
極簡暗色調作品集,展示原始美學與精緻的數位體驗。
PortfolioEditorialDark ModeCleanTypography
01
設計氣質 DNA
獨立視覺設計師倫敦原始美學精緻互動
具備實體質感的數位畫廊
02
色彩
#FFFFFFInk
#000000BG
rgba(255,255,255,1)Line
極端高對比單色調色板
03
字型
transitional-serif
- display
56px · 400 - body
18px · 400 - caption
12px · 400
文字變換:導覽與標籤使用大寫 · 高對比:僅限黑底白字
04
間距
4px
8px
16px
20px
40px
50px
64px
充裕的內距,搭配緊湊的內部節奏
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
無可見邊框
0px 0px 0px 0px transparent
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
全視區,置中內容並保留充裕留白
07
動效與互動
220msmicro
666mssmall
1000msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing
不透明度淡入 · 變換位移
無可見懸停效果 · 無可見點擊效果
08
組件
- button 無可見按鈕
- card 無可見卡片
- chip 無可見標籤
- input 無可見輸入框
- hero 全螢幕背景圖像搭配襯線字體文字覆蓋
09
文案語氣與禁用清單
- 語氣 極簡且專業
- 標題風格 襯線字體,小寫或混合大小寫,低調
- 按鈕文案 無可見號召用語
- 勿使用圓角——截圖顯示銳利的 0px 邊緣
- 勿使用陰影——截圖顯示扁平、以文字為主的版面
- 勿使用明亮強調色——截圖顯示嚴格的黑白調色板
- 勿使用裝飾性邊框——截圖顯示乾淨、無邊框的區段
- 勿將所有文字置中對齊——截圖顯示混合對齊方式
- 勿使用密集資訊版面——截圖顯示大量留白
- 避免: 鮮豔色彩
- 避免: 裝飾性元素
- 避免: 複雜版面
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(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
一位位於倫敦的視覺設計師的極簡主義作品集網站。設計採用嚴格的黑白調色板,並以顯著的過渡襯線字體用於標題與介面標籤。版面大量依賴留白與搭配大型背景圖像的全視區區段。關鍵色碼為 #000000 背景與 #FFFFFF 文字。關鍵禁忌:切勿使用圓角、切勿新增陰影、切勿引入明亮強調色。專注於原始美學與透過細微動態和高對比字體實現的精緻互動。
en · zh-CN · zh-TW · ja · ko