← OpenDesign
精選 · 開放 · 免費
Buck
一個極簡、高對比的作品集,旨在讓大尺寸創意作品成為焦點。
studio motion creative
01
設計氣質 DNA
創意 全球 工作室 設計 科技
一個高端創意機構作品集,展示大型動態與品牌項目。
02
色彩
#F4C054Accent
#000000Ink
#FFFFFFBG
#F2F4F8BG soft
#9CA3AFMuted
rgba(226, 232, 240, 1)Line
極致的極簡主義,以嚴格的黑白為基調,僅以專案影像作為唯一色彩來源。
03
字型
geometric-sans · monospace
display 50px · 100body 21px · 100主要字體(Mabry)貫穿所有元素,不作替換。 · 標題與內文均採用超細字重(100)。 · 專案分類文字常轉換為全大寫。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
非對稱節奏,專案縮圖周圍留有寬裕的 padding,並保持清晰的垂直流動。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 9999px
極細的 1px solid 邊框,僅少量使用,主要作為結構性分隔或互動元素。
06
版面
1440 container
12 columns
24px gutter
768 / 1024 breakpoints
寬鬆的瀑布流格線,尺寸各異的專案卡片以寬間距放置。
07
動效與互動
200ms micro
300ms small
750ms medium
cubic-bezier(0.4, 0, 0.2, 1) easing
背景色變換時的流暢過渡。 · 專案卡片上的細膩 hover 效果。 · 滾動時格線項目的錯落顯示。
專案縮圖上的細微背景色位移或透明度變化。 · 直接導航至專案案例研究,常伴隨流暢的頁面過渡。
08
組件
button 極簡的文字按鈕,常為全大寫,依賴細字重展現優雅。 card 簡潔的容器,包含一張全出血大圖,接著是結構化的文字中繼資料(分類、標題、描述)。 chip 全大寫的文字標籤,用於分類作品,無傳統的方框或膠囊樣式。 input 搜尋功能可能採用極簡的圖標觸發式輸入框或全螢幕覆蓋層。 hero 大膽、大尺寸的排版區塊,以單一連續流動陳述公司使命。
09
文案語氣與禁用清單
語氣 專業、具權威性,同時低調內斂。 標題風格 超細、大尺寸的無襯線字體,透過簡潔傳達自信。 按鈕文案 極簡,依賴導航連結而非醒目的行動呼籲按鈕。 標題勿用粗體字重——截圖顯示所有主要文字均使用超細(100)字重。 專案卡片勿加陰影——截圖顯示完全平面、簡潔的表面。 勿使用彩色背景——截圖顯示嚴格的純白(#FFFFFF)基調。 容器勿用圓角——截圖顯示銳利、矩形的縮圖。 勿使用裝飾性邊框——截圖顯示透過留白與極細線條實現清晰分隔。 勿使用複雜的多層格線佈局——截圖顯示相對簡單、錯落的 2 欄流動。 避免: 內文使用厚重、粗體字型。 避免: 擁擠的佈局或密集的段落。 避免: 裝飾性花紋或不必要的邊框。
10
包內真實截圖
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 擷取自真實頁面 · 真 computed styles
11
System Prompt
BUCK 是一個全球創意機構作品集。其設計 DNA 為極致極簡主義,採用純白(#FFFFFF)背景與黑色(#000000)文字,確保鮮活的專案影像成為視覺焦點。字體採用簡潔的幾何無襯線體(Mabry),統一使用超細字重(100),營造精緻、輕盈的感受。關鍵色彩僅限於網站的強烈黑白對比,偶爾以單一暖金色(#F4C054)作為高亮點綴。關鍵限制:標題勿用粗體字重,卡片勿加陰影或複雜邊框,勿使用多欄文字佈局;始終優先考慮充足的留白,讓作品自行發聲。
更多精選
en · zh-CN · zh-TW · ja · ko