精选 · 开放 · 免费

Magic Eden

一个充满活力的暗黑模式市场，用于购买、出售与发现NFT。

01

设计气质 DNA

霓虹灯照耀的数字藏品集市

02

色彩

深紫黑色背景搭配亮白色文字，并以霓虹粉与亮绿色作为点缀色。

03

字体

grotesque-sans · monospace

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

界面主要使用Inter作为无衬线字体。 · 标题与强调部分使用粗体。

04

间距

采用标准4px网格系统。

05

表面 (圆角 / 阴影 / 边线)

1px solid #231e2f

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

06

布局

响应式网格用于藏品卡片与表格。

07

动效与交互

悬停状态与界面更新采用平滑过渡。 · 精选部分采用轮播滑动效果。

卡片与按钮在悬停时产生微妙的颜色变化或边框高亮。 · 通过透明度变化提供即时反馈。

08

组件

• button 圆角按钮，主操作使用实心填充（粉色），次要操作使用细微边框。
• card 深色卡片，带有细微边框与8px圆角，用于展示NFT藏品集。
• chip 药丸形标签与状态指示器（例如：“精选”、“热门”）。
• input 深色主题输入框，带有细微边框。
• hero 水平滚动轮播，展示精选藏品卡片。

09

文案语气与禁用清单

• 语气 直接、专业，聚焦于实用性。
• 标题风格 简短、有力且粗体。
• 按钮文案 行动导向（例如：“购买卡包”、“查看全部”）。

• 不要使用浅色背景——截图显示的是深紫黑色界面。
• 不要使用衬线字体——截图显示的是简洁现代的无衬线风格。
• 不要到处使用圆角——截图显示卡片为锐利的8px圆角。
• 不要使用多种主色调——截图显示的是克制的色板，仅以粉色和绿色点缀。
• 不要使用拥挤密集的布局——截图显示的是宽敞的间距与清晰的视觉层次。
• 不要使用细微低对比度的边框——截图显示的是清晰深色的边框来分隔元素。
• 避免: 模糊术语
• 避免: 过于复杂的句子
• 避免: 被动语态

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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