厳選・オープン・無料

Ledger

安全な暗号通貨資産管理のためのプレミアムハードウェアおよびソフトウェアウォレットエコシステム。

01

デザイン DNA

分散型時代のためのデジタル金庫

02

カラー

重要なアクションのために単一のエネルギッシュなアクセントカラーを用いたハイコントラストのモノクローム。

03

タイポグラフィ

geometric-sans · humanist-sans · monospace

• display56px · 500
• heading32px · 500
• body16px · 400
• caption13px · 400
• label12px · 600

インパクトのあるモダンな見出しには幾何学サンセリフを使用 · 非常に読みやすい本文にはヒューマニストサンセリフを使用 · 大胆でプレミアムな印象のために、大きなディスプレイテキストに Tight な負の文字間を適用

04

余白

Tight で制御された垂直リズムを提供する一貫した4pxベースグリッド。

05

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

控えめな白またはグレーの低不透明度を使用した薄い1pxのsolidボーダー。

rgba(255,255,255,0.1) 0px -2px 1px 0px inset · rgba(0,0,0,0.25) 0px 2.4px 2.4px 0px

06

レイアウト

読みやすさのために、幅の広いコンテナと狭いコンテンツカラムを持つ非対称分割ヒーローレイアウト。

07

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

背景色や基本的なtransformのための標準的な遷移 · 表示エフェクトのための滑らかな不透明度フェード · スクロール時の背景グラデーション遷移

インタラクティブ要素上の背景色の変化または控えめな不透明度の変化。 · 背景色の更新またはscale変換による即時ビジュアルフィードバック。

08

コンポーネント

• button ハイコントラストのオレンジ背景を持つピル型プライマリボタン。セカンダリボタンは矢印付きのテキストベースです。
• card テスティモニーカードは、ダーク背景上で薄い1pxのボーダーと十分な内部パディングを特徴とします。
• chip シンプルなボーダー付きコンテナで囲まれた小さな大文字のカテゴリラベル。
• input 背景に溶け込むようにデザインされた、ミニマルなダークテーマのインプット。
• hero グラデーション背景の上に大きな製品ビジュアルが支配的で、大胆な左揃えのタイポグラフィブロックが組み合わされた、全幅セクション。

09

文体と禁止事項

• トーン 権威があり、安全で、力強い。
• 見出し 直接的、アクション指向、かつベネフィット重視。
• CTA 明確で命令的で、しばしば方向矢印と組み合わされる。

• 角丸で遊び心のある形状を使用しない — スクリーンショットでは鋸歯然とした正確なピルボタンと幾何学的なアイコンが示されています。
• 明るい、または白い背景を使用しない — スクリーンショットでは全体を通して支配的な深い黒の背景が示されています。
• 薄く弱いタイポグラフィを使用しない — スクリーンショットでは大胆でTightなトラッキングの幾何学サンセリフの見出しが示されています。
• 多種多様なアクセントカラーを使用しない — スクリーンショットでは単一のオレンジアクセントを持つ厳格なモノクロームパレットが示されています。
• ソフトでぼやけたドロップシャドウを使用しない — スクリーンショットでは最小限で鮮明なインセットボックスシャドウと薄い1pxのボーダーが示されています。
• 小さく窮屈なコンテナを使用しない — スクリーンショットでは豊かなホワイトスペースと広く拡張的なレイアウトが示されています。
• 避ける: 専門用語を多用した、または過度に複雑な技術言語
• 避ける: セキュリティ面を損なう遊び心のある、またはカジュアルなトーン
• 避ける: 視覚的な雑然さや不要な装飾要素
• 避ける: 読みやすさを妨げる低コントラストのテキスト
• 避ける: 汎用的またはブランド非依存の画像
• 避ける: 攻撃的または不快な遷移

10

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

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

11

System Prompt

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