厳選・オープン・無料

Fey

複雑な市場データを実行可能な投資インサイトに簡素化する、プレミアム・フィンテックツール。

01

デザイン DNA

現代の投資家向けのプライベート・ウェルス・ダッシュボード

02

カラー

深くネアブラックに近いサーフェスに、高コントラストのタイポグラフィを用い、密な金融データに最大限の集中力を確保します。

03

タイポグラフィ

grotesque-sans · monospace

• display54px · 600
• headline54px · 700
• subhead18px · 400
• body16px · 400
• caption14px · 400

すべてのテキストにCalibreを使用する · 大きな見出しには tight negative tracking を使用する · すべての本文とキャプションテキストには 400 weight を使用する

04

余白

十分な余白と、異なるUIセクションやカード間の明確な間隔 (24px) を確保します。

05

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

depths を表現するため、控えめな 1px のボーダーと、低不透明度の白 (rgba(255, 255, 255, 0.04)) を使用します。

rgba(0, 0, 0, 0.28) 0px 14px 24px 0px · rgba(0, 0, 0, 0.66) 0px 53.1263px 86.7729px 0px

06

レイアウト

フルブリードのアプリスクリーンショットと広いカードレイアウトを含む、中央揃えの単一カラムレイアウト。

07

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

ホバー状態での控えめな不透明度のフェード · スムーズな背景の遷移

インタラクティブ要素に対する控えめな不透明度の変化や背景の変化 · 複雑な物理アニメーションなしの即座の応答

08

コンポーネント

• button 高コントラストの背景色または控えめなボーダーを持つ、ピル型ボタン。大きな角丸 (99px)。
• card 控えめなボーダーと大きなボーダーラジウス (16px) を持つ、暗く半透明のカード。密なデータを格納します。
• chip カラーテキストと控えめな背景色を持つ、小さなピル型ステータスインジケーター。
• input 控えめなボーダーと明確なラベルを持つ、暗く丸みのある入力フィールド。
• hero 中心に配置された巨大なタイポグラフィと、フルワイドで高精細な製品スクリーンショットの組み合わせ。

09

文体と禁止事項

• トーン 権威があり、明瞭で、データドリVEN
• 見出し tight tracking を用いた短く断定的な文
• CTA 直接的で行動を促す表現（例：「詳しく見る」「アプリ」）

• 明るいネオンのアクセントカラーを使用しない — スクリーンショットは厳密にニュートラルな、ネアブラックに近いパレットを示しています。
• セリフフォントを使用しない — スクリーンショットは一貫したヒューマニスト/グロテスク・サンセリフのシステムを示しています。
• 遊び心のあるイラストを使用しない — スクリーンショットはリアルで高精細な製品写真を示しています。
• 重い影を使用しない — スクリーンショットは深みを出すために、控えめで大きな角丸のドロップシャドウを使用しています。
• 狭いレイアウトを使用しない — スクリーンショットはすべてのテキストブロックの周りに十分な余白を示しています。
• 鮮やかなグラデーションを使用しない — スクリーンショットは単色の暗い背景と控えめなボーダーのグローを使用しています。
• 避ける: 過度の感嘆符
• 避ける: 曖昧なマーケティング用語
• 避ける: コンテキストのない複雑な金融用語

10

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

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

11

System Prompt

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