厳選・オープン・無料

Nuri

Nuriブランドの復帰を、大胆でカラフルな美学を用いて告知する、遊び心のあるフィンテックアプリのランディングページ。

01

デザイン DNA

現代的で遊び心のあるチャレンジャーバンクが、自身のアイデンティティを再ローンチする。

02

カラー

鮮やかなパステル色の背景に、高コントラストのダークなタイポグラフィ。

03

タイポグラフィ

grotesque-sans

• display100px · 800

分量が強く、トラッキングが密なディスプレイタイプ。 · 説明文にはRegularウェイトの本文テキスト。 · 強調には控えめに大文字テキストを使用。

04

余白

ヘッドライン、サブテキスト、フォーム間の縦方向の余白をたっぷりと取る。

05

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

入力フィールドにはソリッドボーダー。

06

レイアウト

テキストを左に、写真插画を右に配置した、フルブリードヒーロー。

07

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

ボタンの控えめなステート変化。 · 標準的なボタン押下動作。

08

コンポーネント

• button ピルシェイプのソリッドボタン。
• card 標準的なアプリストアバッジ。
• chip ピルシェイプの入力フィールドコンテナ。
• input 国コードドロップダウン付きのミニマルな入力フィールド。
• hero 大きなテキスト、入力フォーム、そしてサボテンにカードを差し込む手の写真插画を含む、フルビューポートヒーローセクション。

09

文体と禁止事項

• トーン 自信に満ち、率直で、やや遊び心がある。
• 見出し 太字で宣言的、取り消し線を用いたややエッジの効いたスタイル。
• CTA シンプルで直接的（「アプリを取得」）。

• 細い、または軽いタイポグラフィを使用しない — スクリーンショットには分量が強く、太字のディスプレイテキストが示されています。
• 白い背景を使用しない — スクリーンショットにはソリッドのラベンダー背景が示されています。
• 小さく複雑なUIコンポーネントを使用しない — スクリーンショットには大きく、明確で、ミニマルなフォーム要素が示されています。
• 複雑なマルチカラムレイアウトを使用しない — スクリーンショットには明確で、左揃えのヒーローセクションが示されています。
• ネオン色、あるいは Highly saturated アクセントカラーを使用しない — スクリーンショットにはソリッドで、控えめなパステル背景が使用されています。
• セリフフォントを使用しない — スクリーンショットにはモダンで幾何学的なグロテスクサンセリフが示されています。
• 避ける: 雑然としたレイアウト
• 避ける: くすんだ、あるいは控えめなパステルパレット
• 避ける: 複雑なタイポグラフィ階層

11

System Prompt

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