厳選・オープン・無料

Phantom

取引やデジタル資産の管理のための、遊び心があり、誰でも利用しやすいcrypto wallet。

01

デザイン DNA

暗号通貨世界への、フレンドリーで安全なゲートウェイ

02

カラー

明るいニュートラルの背景と、フレンドリーで鮮やかなアクセントカラーを用いた、高コントラストの紫色ベースのパレット。

03

タイポグラフィ

humanist-sans

• display96px · 400
• body16px · 400

全テキストにカスタムフォントPhantomを使用する。 · 見出しは大きなサイズで、-2.4pxのタイトな文字送りを採用する。 · ブランドに合わせ、タイポグラフィではクリーンで丸みのある美学を維持する。

04

余白

一貫した4pxのベースユニットグリッドを基に、コンテンツブロックには適度なパディングを設ける。

05

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

インクカラーにマッチした1px solidのボーダーカラー

0px 0px 4px 0px rgba(226,223,254,1)

06

レイアウト

中央揃えの単一カラムレイアウト。大きく没入感のあるヒーローセクションと適度な余白を備える。

07

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

ボタンのホバーおよびクリック状態に対する滑らかなトランジション。 · 控えめな色および背景色のトランジション。

滑らかなトランジションを伴う、控えめな背景色の変化。 · 視覚状態の変化による即時のフィードバック。

08

コンポーネント

• button 柔らかい背景色と滑らかなトランジションを備えた、丸みのあるピルシェイプのボタン。
• card 控えめなシャドウまたはボーダーを用いた、クリーンでシンプルなカード。
• chip ナビゲーションまたはフィルタリング用のピルシェイプの要素。
• input 角丸の標準テキスト入力。
• hero 大胆なタイポグラフィと遊び心のある3Dグラフィックスを用いた、大きく没入感のあるヒーローセクション。

09

文体と禁止事項

• トーン フレンドリー、遊び心があり、信頼感のあるトーン。
• 見出し boldで明瞭、少し風変わりな雰囲気。
• CTA 直接的、アクション志向、かつ誘引的なスタイル。

• ボタンやカードに鋭い、硬い角を使用しない — スクリーンショットでは角丸が示されています。
• 純粋な白黒のカラースキームを使用しない — スクリーンショットでは紫色を基調としたパレットが示されています。
• 本文テキストにセリフまたはモノスペースフォントを使用しない — スクリーンショットではhumanist-sansフォントが示されています。
• ヒーローセクションを窮屈に感じさせない — スクリーンショットでは十分な余白と大きなテキストが示されています。
• 過度に複雑またはごちゃごちゃとしたナビゲーションを使用しない — スクリーンショットではクリーンでシンプルなトップバーが示されています。
• 不快で衝突の激しいトランジションを使用しない — スクリーンショットでは滑らかでエレガントなイージングカーブが示されています。
• 避ける: 説明なしの、過度に技術的な専門用語。
• 避ける: 攻撃的または威圧的な言葉遣い。
• 避ける: ごちゃごちゃとした、カオスなレイアウト。

10

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

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

11

System Prompt

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