厳選・オープン・無料

Cash

モダンなコンシューマーファイナンスアプリの、大胆で高コントラストな顔。

01

デザイン DNA

ダークな上質さと、活気のあるアクセシブルなグリーンエネルギーを融合させた、洗練され、自信に満ちたフィンテックプラットフォーム。

02

カラー

深い黒と鮮やかなネオングリーンの間の極端な高コントラスト、およびカード表面のためのクリーンな白。

03

タイポグラフィ

humanist-sans · monospace

• display56px · 400

04

余白

一貫した4pxベース、セクション区切りのための贅沢な垂直パディング（90px）。

05

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

1px solid rgba(0,0,0,0.3)

rgba(0,0,0,0.1) 0px 8px 20px 0px · rgba(0,0,0,0.1) 0px 24px 48px 0px

06

レイアウト

中央揃えのコンテンツを持つ対称的な分割画面ヒーローから、積層型のモバイルレイアウトへと移行する。

07

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

滑らかなカラートランジション · 微細なトランスフォームシフト

インタラクティブ要素に対する微細な明るさまたはスケールの変化。 · 色の反転または軽い圧縮による即座の視覚フィードバック。

08

コンポーネント

• button 丸みを帯びたピル形状で、主にネオングリーンに黒文字、または黒に白文字。
• card アプリのUIを披露するために、暗い背景の上に浮かぶ、大きく丸みを帯びた白いカード。
• chip シンプルな長方形のタグまたはステータスインジケーター。
• input 明瞭さに焦点を当てた、最小限の、ボーダーレスまたは微細なボーダーのフィールド。
• hero 左揃えの太字テキストと、動的で中央配置のアプリモックアップを組み合わせた分割画面レイアウト。

09

文体と禁止事項

• トーン 自信に満ち、モダンで、率直。
• 見出し 使いやすさと革新を強調する、力強く短いフレーズ。
• CTA 方向矢印を伴うアクション指向で、高コントラストな色を使用。

• 鈍いパステルカラーパレットを使わない — スクリーンショットは高コントラストの黒と鮮やかなネオングリーンを示しています。
• 複雑なセリフ書体を使わない — スクリーンショットはクリーンでモダンなhumanist-sansフォントを示しています。
• 密度の高いテキストでレイアウトを散らかさない — スクリーンショットは贅沢な余白と明確な階層構造を示しています。
• 微細でコントラストの低いボーダーを使わない — スクリーンショットは太字で明確なサーフェスと角丸を示しています。
• 伝統的で箱型のボタン形状を使わない — スクリーンショットは高度に丸みを帯びたピル形状のCTAを示しています。
• 純粋な黒の代わりにダークグレーを使わない — スクリーンショットは堅実で深い#000000の背景を使用しています。
• 避ける: 複雑な専門用語
• 避ける: 散らかったレイアウト
• 避ける: 鈍く、控えめなパレット

10

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

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

11

System Prompt

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