厳選・オープン・無料

Kippo

ゲーマー専用にデザインされた、ハイコントラストなネオンアクセントを特徴とする、ダークテーマの出会い系アプリランディングページ。

01

デザイン DNA

ネオンに照らされたアーケードと現代的なソーシャルハブの融合。

02

カラー

単一のネオンピンクアクセントとモノクロームのテキスト階層を持つ、ハイコントラストなダークモード。

03

タイポグラフィ

monospace · Source Code Pro

• display42px · 700
• body12px · 400

テキストはすべて大文字 · 本文や表示テキストにモノスペースを多用 · 見出しやナビゲーションに広い文字間隔

04

余白

十分な余白を確保した、一定の4pxベースグリッド。

05

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

1px solid rgba(255, 255, 255, 0.15)

0 4px 24px rgba(0, 0, 0, 0.5)

06

レイアウト

テキストを左に、デバイスモックアップを右に配置した非対称2カラムのヒーローセクション。

07

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

ホバー時の透過度遷移（0.2秒） · インタラクティブ要素のスムーズなホバーステート

インタラクティブ要素の透過度変化。 · 即座のビジュアルレスポンス。

08

コンポーネント

• button 太字のモノスペーステキストを持つ、ソリッドなネオンピンクボタン。
• card 繊細な1pxボーダーを持つダークグレーパネル。
• chip 該当なし。
• input 該当なし。
• hero カラフルなシャドウアクセントが施されたデバイスモックアップと、大きな大文字テキスト。

09

文体と禁止事項

• トーン 自信に満ち、エネルギッシュで、ゲーマー中心。
• 見出し 太字、大文字、広い文字間隔のモノスペース。
• CTA 直接的、大文字のモノスペースコマンド。

• セリフフォントを使用しない — スクリーンショットはモノスペース／サンセリフのみを使用している。
• ホワイト背景を使用しない — スクリーンショットは主にブラック背景である。
• 低コントラストのカラーを使用しない — スクリーンショットは黒地にハイコントラストなホワイトとネオンピンクを使用している。
• 見出しに小文字を使用しない — スクリーンショットは広い文字間隔を持つすべて大文字のテキストを使用している。
• くすんだ、あるいは控えめなアクセントカラーを使用しない — スクリーンショットは鮮やかなネオンピンク（#EE1F66）を使用している。
• 細いボーダーを使用しない — スクリーンショットは1pxのボーダー、あるいはボーダーなしを使用している。
• 避ける: セリフフォント
• 避ける: パステルカラーパレット
• 避ける: フォーマルなビジネス言語

10

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

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

11

System Prompt

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