精選 · 開放 · 免費
099 Supply
一個乾淨、系統化的 3D 模型展示與互動元件市場。
Design ToolsProductivityDeveloper ToolsCleanMinimal
01
設計氣質 DNA
3D 模型展示Framer 元件數位資產UI 套件設計素材
高品質設計資產的數位倉庫。
02
色彩
#101010Ink
#555555Ink soft
#FFFFFFBG
#999999Muted
rgba(224, 224, 224, 1)Line
嚴格無彩色，使用純黑與灰色系，將焦點集中在產品渲染圖上。
03
字型
monospaced
所有文字排版使用單一等寬字體家族。 · 標題與 UI 標籤統一採用大寫。 · 小號文字使用寬鬆的字間距以提升可讀性。
04
間距
4px
8px
12px
16px
24px
32px
40px
80px
主要區塊外邊距統一為 40px 與 80px。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 8px
pill · 999px
1px solid #E0E0E0
0 1px 2px rgba(0,0,0,0.05)
06
版面
1400container
5columns
24pxgutter
768 / 1024breakpoints
響應式等尺寸卡片網格。
07
動效與互動
120msmicro
140mssmall
400msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
邊框與色彩變換採用快速的 120ms 過渡動畫。 · 互動元素有細膩的透明度與色彩淡化效果。
細微的邊框顏色或背景顏色變化。 · 立即的視覺反饋，搭配快速過渡動畫。
08
組件
- button 描邊藥丸形按鈕，搭配等寬大寫文字。
- card 白色卡片，細 1px 邊框，輕微 hover 狀態，底部帶有標籤列。
- chip 僅描邊樣式，用於頂層導航。
- input 簡約描邊輸入欄位，搭配等寬文字。
- hero 密集的產品卡片網格，專注於資產本身而非品牌呈現。
09
文案語氣與禁用清單
- 語氣 實用、技術性、高效。
- 標題風格 大寫等寬文字，常帶有數字前綴。
- 按鈕文案 清晰的描邊按鈕或簡潔的文字連結。
- 勿使用襯線字體——截圖顯示僅使用等寬字體。
- 勿使用彩色背景——截圖顯示嚴格的白灰色調。
- 勿使用大圓角卡片——截圖顯示緊湊的 8px 圓角。
- 勿使用投影營造深度——截圖顯示改用扁平邊框。
- 勿混合不同字重——截圖顯示統一使用 400 字重。
- 勿使用小寫文字作為標題——截圖顯示全大寫 UI 標籤。
- 避免: 裝飾性花紋
- 避免: 圓潤友好的形狀
- 避免: 多彩漸層
- 避免: 襯線字體
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
099 Supply 是一個極簡主義的數位設計資產市場。其視覺基因由無彩色調色板（FFFFFF 背景、101010 墨色、999999 柔灰色、E0E0E0 邊線）與嚴格的等寬字體系統定義。所有文字均採大寫，營造技術感與系統性。佈局為乾淨的響應式白色卡片網格，帶有細 1px 邊框。嚴禁事項：永不使用襯線字體、永不引入色彩、永不使用厚重投影。品牌定位為技術性與實用導向，目標為重視精準與效用勝於裝飾性表達的設計師。小號文字使用寬鬆字間距，以在等寬字體系統中維持可讀性。
en · zh-CN · zh-TW · ja · ko