精選 · 開放 · 免費

Magic Eden

一個充滿活力、採用深色模式的市集，用於購買、銷售和探索 NFT。

01

設計氣質 DNA

一個燈火通明的數位收藏品市集

02

色彩

深紫黑色背景搭配明亮的白色文字，並以鮮豔的霓虹粉紅與綠色作為點綴。

03

字型

grotesque-sans · monospace

• display24px · 700
• body16px · 400
• caption12px · 400

使用 Inter 作為 UI 的主要無襯線字體。 · 標題和強調文字使用粗體字重。

04

間距

標準的 4px 格線系統。

05

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

1px solid #231e2f

0px 1px 2px 0px rgba(0, 0, 0, 0.05)

06

版面

用於收藏品卡片和表格的響應式格線佈局。

07

動效與互動

hover 狀態和介面更新時的流暢過渡效果。 · 精選區段的輪播圖滑動效果。

卡片和按鈕在 hover 時產生細微的色彩變化或邊框高亮效果。 · 透過透明度變化提供即時回饋。

08

組件

• button 圓角按鈕，採用實心填充（主要操作使用粉紅色）或細微邊框。
• card 深色卡片，帶有細微邊框和圓角（8px），用於 NFT 收藏系列。
• chip 膠囊狀的標籤和狀態指示器（例如：「精選」、「熱門」）。
• input 深色主題的輸入欄位，帶有細微邊框。
• hero 水平滾動輪播圖，展示精選收藏系列卡片。

09

文案語氣與禁用清單

• 語氣 直接、專業，專注於實用性。
• 標題風格 簡短、有力、粗體。
• 按鈕文案 以行動為導向（例如：「購買卡包」、「查看全部」）。

• 不要使用淺色背景——截圖顯示的是深紫黑色的介面。
• 不要使用襯線字體——截圖顯示的是簡潔、現代的無襯線風格。
• 不要到處使用圓角——截圖顯示卡片具有銳利的 8px 圓角。
• 不要使用多種主導色調——截圖顯示的是以粉紅和綠色點綴的簡約配色。
• 不要使用擁擠、密集的佈局——截圖顯示的是寬裕的間距和清晰的視覺層次。
• 不要使用細微、低對比度的邊框——截圖顯示的是清晰、深色的邊框以區隔元素。
• 避免: 模糊的術語
• 避免: 過於複雜的句子
• 避免: 被動語態

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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