厳選・オープン・無料

Solana

大胆な幾何学タイポグラフィと鮮やかな紫色のアクセントを持つ、プレミアムなダークモードの暗号通貨プラットフォーム。

01

デザイン DNA

ハイフリッキング取引ターミナルとSFのインフラの融合

02

カラー

深い、完全なダーク背景に、鮮やかな紫色のハイライトとクリスピーなタイポグラフィを組み合わせ、最大限の可読性と未来的な印象を実現。

03

タイポグラフィ

geometric-sans · monospace

• display80px · 400
• heading40px · 500
• body21px · 400
• small16px · 400

すべての見出しと本文にジオメトリック・サンセリフを使用し、統一感のある技術的な印象を維持。 · 大きなディスプレイテキストには、 Tightなネガティブ文字間隔を適用し、インパクトを生む。 · モノスペースは、コードスニペットや技術データ表現に限定して使用すること。

04

余白

4pxをベース単位とし、ダークUIが息抜きできるよう、ゆったりとしたホワイトスペースを確保。

05

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

1px solid rgba(255,255,255,0.10)

0 1px 2px rgba(0,0,0,0.05) · rgb(54, 27, 64) 0px -4px 12px 0px inset · rgb(195, 124, 224) 0px 1px 0px 0px inset

06

レイアウト

フルワイドのダークヒーローと、コンテンツおよびパートナーショーケースのための12カラムグリッド。

07

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

ホバー時の微細な背景色トランジション · インタラクティブ要素の滑らかな色およびボーダーカラーのトランジション · ボタンインタラクションのためのTransformスケーリング

微細な背景色のシフトとアイコンのトランスフォーム。 · 一次アクションボタンの軽微なスケールダウン効果。

08

コンポーネント

• button 白地にダークテキストの一次ボタンはピルシェイプ；二次ボタンはダークボーダー付き。
• card 微細なボーダーと十分なパディングを持つダークカード。パートナーロゴが表示されることが多い。
• chip メタデータやステータスインジケーターのための、小さくピルシェイプのタグ。
• input 微細なボーダーとプレースホルダーテキストを持つダークインプットフィールド。
• hero 巨大なタイポグラフィと抽象的で鮮やかな3Dリボングラフィックを備えた、フルビューポートのヒーローセクション。

09

文体と禁止事項

• トーン 権威があり、技術的で、未来志向。
• 見出し スケールと高性能を強調する、大胆でインパクトのあるステートメント。
• CTA 「Get started」や「Learn More」のような、直接的でアクション指向の言葉。

• 明るく彩度の高い背景を使用しない — スクリーンショットは深いダーク（#0B0A10）テーマを示しています。
• 装飾的またはセリフフォントを使用しない — スクリーンショットはクリーンなジオメトリック・サンセリフ書体を示しています。
• 一次ボタンに角丸四角形を使用しない — スクリーンショットはピルシェイプ（radius 9999px）ボタンを示しています。
• UI要素に複雑なドロップシャドウを使用しない — スクリーンショットは微細なインセットグローやフラットボーダーを示しています。
• 小さく詰まったタイポグラフィを使用しない — スクリーンショットは、ネガティブ文字間隔を持つ大きく余裕のあるディスプレイテキストを示しています。
• 幅広い色を使用しない — スクリーンショットはダーク、白、紫色の厳密に限定されたパレットのみを示しています。
• 避ける: 遊び心のある、または過度にカジュアルな言葉遣い
• 避ける: 文脈のない技術用語
• 避ける: 視覚的なごちゃまぜや過度なグラデーション

10

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

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

11

System Prompt

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