精選 · 開放 · 免費
Polymarket
一個乾淨、數據密集的介面,用於瀏覽和交易預測市場。
CryptoPredictionDark
01
設計氣質 DNA
預測市場金融投注新聞
財經新聞終端結合現代投注平台
02
色彩
#6B4EE6Accent
#000000Ink
#666666Ink soft
#FFFFFFBG
#F5F5F5BG soft
#999999Muted
rgba(0,0,0,0.1)Line
以高對比的白底黑字確保清晰度,單一紫色強調色用於主要操作。
03
字型
grotesque-sans
- display
24px · 600 - body
14px · 400
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
標準的 8px 網格,確保一致的對齊。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid #E5E5E5
0 1px 3px rgba(0,0,0,0.1) · 0 4px 12px rgba(0,0,0,0.08)
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
標準的 12 欄網格,具有清晰的從左到右的閱讀流程。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
互動元素上的細微顏色變化或底線。 · 立即的狀態變化,無複雜動畫。
08
組件
- button 簡潔、高對比的按鈕,帶有文字標籤。
- card 乾淨的卡片,帶有極簡陰影,顯示數據點與操作。
- chip 藥丸形狀的標籤,用於篩選內容。
- input 極簡的文字輸入框,帶有細微邊框。
- hero 突出的精選市場卡片,帶有清晰的字體排印。
09
文案語氣與禁用清單
- 語氣 專業、客觀且資訊豐富。
- 標題風格 直接且聚焦於數據。
- 按鈕文案 清晰且以行動為導向。
- 避免使用深色背景——截圖顯示主要為白色(#FFFFFF)的介面
- 避免使用裝飾性襯線字體——截圖顯示乾淨的無襯線字體
- 避免使用複雜的漸層背景——截圖顯示純色的平面色域
- 避免使用過於圓潤、膨脹的按鈕——截圖顯示帶有細微、小圓角的按鈕
- 避免使用多個相互競爭的強調色——截圖顯示克制的色盤,僅有單一紫色強調
- 避免在卡片上使用厚重的陰影——截圖顯示非常細微、極簡的陰影效果
- 避免: 推銷性語言
- 避免: 過多術語
- 避免: 不必要的動畫
11
System Prompt
這是 Polymarket,一個預測市場平台。設計乾淨、數據密集且高度功能化,優先考慮金融和新聞資訊的清晰度。主要顏色為純白色(#FFFFFF)背景、黑色(#000000)文字,以及單一的紫色(#6B4EE6)強調色,用於主要按鈕和高亮部分。字體排印使用現代的 grotesque-sans 作為標題和正文,以維持專業、實用的風格。關鍵設計限制包括:避免深色模式主題、不使用裝飾性或襯線字體,並保持簡潔乾淨的表面,避免厚重的陰影或漸層。佈局是標準的網格,優化用於同時顯示多個數據點和市場卡片。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗
en · zh-CN · zh-TW · ja · ko