精選 · 開放 · 免費

The FWA

一個簡潔、以內容為先的展演空間，用於呈現精選的數位卓越之作。

designgallery
The FWA 網站截圖
↓ 下載設計系統包 (23 MB)在 OpenDesign 中開啟

原站: https://thefwa.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

策展數位獎項作品集藝廊設計展演

一座精緻的數位博物館，或為獲獎網頁設計所策劃的藝廊。

02

色彩

#FFCC00Accent
#404040Ink
#9A9A9AInk soft
#FFFFFFBG
#ECECECBG soft
#8E8E8EMuted
rgba(236, 236, 236, 1.0)Line

以單色調為畫布，運用細微纹理與單一鮮明的黃色點綴，來框顯精選內容。

03

字型

grotesque-sans · humanist-sans · monospace

類別標籤與日期採用大寫文字變換 · 次要資訊使用較輕字重 (300) · 所有內容區塊嚴格採用左對齊

04

間距

4px
8px
12px
16px
20px
24px
32px
40px
48px
64px

所有內部 padding 與 margin 均採用一致的 4px 網格。

05

表面 (圓角 / 陰影 / 邊線)

sm · 2px
md · 4px
lg · 5px
pill · 999px

使用 1px 細邊框分隔內容區塊並界定網格結構。

0 1px 3px rgba(0,0,0,0.1)

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

結構化的不對稱網格，結合大型媒體區塊與窄幅元資料欄。

07

動效與互動

220msmicro
400mssmall
800msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing

互動狀態變化的透明度淡入淡出 · 內容揭示的滑入動畫

游標變為手形指標，並帶有細微的透明度或色彩變化。 · 直接觸發導覽或媒體播放。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

The FWA — 桌面首屏（hero）
桌面首屏（hero）
The FWA — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
The FWA — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
The FWA — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
The FWA — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
The FWA — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
The FWA — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
The FWA — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
The FWA — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
The FWA — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
The FWA — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
The FWA — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
The FWA — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
The FWA — 移动首屏
移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

FWA 是一個策展的數位獎項藝廊與作品集展演平台。其設計基因建立在極簡的單色調色盤上，使用白色 (#FFFFFF) 與炭灰色 (#404040)，僅以鮮明的黃色 (#FFCC00) 作為點綴。字體採用 humanist-sans 作為內文， condensed grotesque-sans 作為展示元素，透過字重與大小而非色彩來優先考量可讀性與層級。佈局是結構化的網格，使用細線條和細微像素纹理來界定表面。關鍵禁忌：絕不使用多種點綴色、絕不將大段文字置中對齊、絕不為標準介面元素使用粗體字重。整體感覺是平靜、精緻且以內容為先，讓精選專案能在一個節制、如藝廊般的環境中脫穎而出。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko