厳選・オープン・無料

Magic Eden

NFTの購入、販売、発見に向けた、ハイエナジーなダークモードマーケットプレイス。

01

デザイン DNA

デジタルコレクティル向けのネオンに照らされたバザー

02

カラー

深い紫黒色の背景に、明るい白テキスト、そして鮮やかなネオンピンクとグリーンのアクセントを配置。

03

タイポグラフィ

grotesque-sans · monospace

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

UIの主要sans-serifとしてInterを使用。 · 見出しや強調には太字ウェイトを使用。

04

余白

標準の4pxグリッドシステム。

05

サーフェス (角丸 / 影 / 罫線)

1px solid #231e2f

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

06

レイアウト

コレクションカードやテーブルに向けた、レスポンシブグリッド。

07

モーションとインタラクション

hover状態やUI更新に向けた、滑らかなトランジション。 · 注目セクション向けのカルーセルスライド。

カードやボタンに向けた、控えめな色の変化やボーダーのハイライト。 · 不透明度の変化による即座のフィードバック。

08

コンポーネント

• button 塗りつぶし（プライマリアクションにはピンク）または控えめなボーダーを持つ、角丸ボタン。
• card 控えめなボーダーと角丸（8px）を持つ、NFTコレクション向けのダークカード。
• chip ピル型タグおよびステータス表示（例：「Featured」、「Top」）。
• input 控えめなボーダーを持つ、ダークテーマの入力フィールド。
• hero 注目のコレクションカードからなる、水平スクロールカルーセル。

09

文体と禁止事項

• トーン 直接的で、プロフェッショナル、かつ実用性に焦点を当てる。
• 見出し 短く、力強く、太字で。
• CTA アクション志向（例：「Buy Packs」、「See all」）。

• 明るい背景を使用しない — スクリーンショットは暗い紫黒色のインターフェースを示している。
• セリフフォントを使用しない — スクリーンショットはクリーンで現代的なsans-serifスタイルを示している。
• everywhereに角丸を使用しない — スクリーンショットはカードに鋭い8pxの半径を示している。
• 複数の支配的な色を使用しない — スクリーンショットはピンクとグリーンのアクセントを伴う、抑制されたカラーパレットを示している。
• 密集した、ぎゅうぎゅう詰めのレイアウトを使用しない — スクリーンショットは十分なスペーシングと明確なビジュアル階層を示している。
• 控えめで、コントラストの低いボーダーを使用しない — スクリーンショットは要素を分離するための明確なダークボーダーを示している。
• 避ける: 曖昧な用語
• 避ける: 過度に複雑な文
• 避ける: 受動態

10

パック内の実スクリーンショット

実ページから取得 · 実 computed styles

11

System Prompt

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