厳選・オープン・無料

Polymarket

予測市場を閲覧・取引するための、クリーンでデータ密度の高いインターフェース。

01

デザイン DNA

金融ニュース端末と現代的な賭けプラットフォームの融合

02

カラー

明瞭さのために白地に黒の高コントラスト。主要アクションには、単一のアクセントカラーとして紫を使用。

03

タイポグラフィ

grotesque-sans

• display24px · 600
• body14px · 400

04

余白

一貫したアラインメントのための標準8pxグリッド。

05

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

1px solid #E5E5E5

0 1px 3px rgba(0,0,0,0.1) · 0 4px 12px rgba(0,0,0,0.08)

06

レイアウト

明確な左から右への読み取りフローを持つ標準12カラムグリッド。

07

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

インタラクティブ要素上の、控えめな色の変化またはアンダーライン。 · 複雑なアニメーションなしの、即座の状態変化。

08

コンポーネント

• button テキストラベル付きのシンプルで高コントラストのボタン。
• card 控えめな影を持つクリーンなカード。データポイントとアクションを表示。
• chip コンテンツフィルタリング用のピル型タグ。
• input 控えめなボーダーを持つミニマルなテキスト入力。
• hero 明瞭なタイポグラフィを持つ、目立つ注目市場カード。

09

文体と禁止事項

• トーン プロフェッショナルで、客観的、かつ情報に基づいたもの。
• 見出し 直接的でデータ中心。
• CTA 明確で行動を促すもの。

• ダーク背景を使用しない — スクリーンショットは主に白（#FFFFFF）のインターフェースを示している
• 装飾的なセリフフォントを使用しない — スクリーンショットはクリーンなサンセリフ書体を示している
• 複雑なグラデーション背景を使用しない — スクリーンショットは均一なフラットなカラーフィールドを示している
• 過度に丸みを帯びた、ボタンラチックなボタンを使用しない — スクリーンショットは控えめで小さなボーダーラディウスを持つボタンを示している
• 複数の競合するアクセントカラーを使用しない — スクリーンショットは単一の紫のアクセントを用いた抑制されたパレットを示している
• カードに重いドロップシャドウを使用しない — スクリーンショットは非常に控えめで最小限のシャドウ効果を示している
• 避ける: プロモーション言語
• 避ける: 過度な専門用語
• 避ける: 不必要なアニメーション

11

System Prompt

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