厳選・オープン・無料

Letter

洗練された資産管理のための、洗練されたモダン金融プラットフォーム。

01

デザイン DNA

コンテンポラリーアートギャラリーのようなデジタルプライベートバンク。洗練され、空間的で、明らかにプレミアム。

02

カラー

穏やかさと現代的な富を伝える、洗練されたティールアクセントで基盤付けられた、抑制されたニュートラルベースのパレット。

03

タイポグラフィ

transitional-serif · geometric-sans

• display46px · 500
• h146px · 500
• h228px · 400
• body16px · 400

権威を確立するために、重要な表示テキストにはトランジショナルセリフを使用 · 明確さとモダンさを確保するために、すべてのUIテキストにはジオメトリックサンセリフを使用 · 穏やかなビジュアルリズムを維持するために、ウェイトバリエーションはRegular、Medium、Semiboldに限定

04

余白

空気感のある高級感を演出する、高い行間（最大2.0）を備えた豊かな垂直リズム。

05

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

ボーダーの使用は最小限に抑え、微細な背景色の変化で表面の分離を実現。

06

レイアウト

フルブリードで没入感のあるヒーローから、フィーチャーカード用のマルチカラムレイアウトへと移行する構造化グリッド。

07

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

連続するコンテンツ表示のための微細なフェードおよびスライドアップアニメーション · hover状態における滑らかなカラーおよび不透明度トランジション

テキストリンクやボタンにおける、不透明度またはカラーの微細な変化。 · ユーザーの入力を認識するための、微細なトランジションを伴う即座の応答。

08

コンポーネント

• button 角がシャープな（2px半径）クリーンな矩形ボタン。ハイコントラスト（ソリッドブラック）とブランドカラー（ティール）のバリアントを両方使用。
• card 厳格なコンテナボーダーなしで個別のフィーチャーエリアを定義する、色調付きの大きな背景ブロック（淡いブルー、ミントグリーン）。
• hero シネマティックで暗い抽象背景画像と大きくエレガントなタイポグラフィを特徴とする、ドラマチックなフルビューポートイントロダクション。

09

文体と禁止事項

• トーン 自信があり、洗練され、非常に明瞭。
• 見出し 簡潔なフレーズを使用した、直接的で暗示的、やや志向性のあるもの。
• CTA 明確で行動を促し、控えめ。

• 角丸を使用しない — スクリーンショットではシャープな2px半径ボタンが示されている
• 明るくネオンのアクセントを使用しない — スクリーンショットではマットなティール#186f64が示されている
• 密集した詰め込まれたレイアウトを使用しない — スクリーンショットではたっぷりのパディングと高い行間が示されている
• 遊び心のあるまたは装飾的なイラストを使用しない — スクリーンショットでは抽象的で写真的なイメージが使用されている
• 大きな見出しに全角大文字を使用しない — スクリーンショットではタイトルケースまたは文頭大文字が使用されている
• ダークモードをデフォルトにしない — スクリーンショットでは主に白とライトグレーのインターフェースが示されている
• 避ける: 過度な感叹符の使用
• 避ける: 攻撃的または切迫しすぎた販売言語の使用
• 避ける: 明確なコンテキストなしの複雑な金融専門用語の使用

10

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

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

11

System Prompt

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