厳選・オープン・無料

Glow

モバイルとブラウザ拡張機能の可用性に焦点を当てた、クリーンでモダンな Solana ウォレットランディングページ

01

デザイン DNA

プレミアムなコンシューマプロダクトのように感じられる、フレンドリーなフィンテックアプリ

02

カラー

クリーンな白の背景に中性的なグレーと、プライマリアクションのための鮮やかなアクセントカラーとしての紫

03

タイポグラフィ

grotesque-sans

• display48px · 700
• h140px · 600
• body16px · 400
• caption12px · 500

04

余白

4px ベースグリッドに十分な余白を確保した「息継ぎ」のためのパディング

05

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

1px solid rgba(179, 181, 183, 0.3)

0 4px 24px rgba(0, 0, 0, 0.08) · 0 2px 8px rgba(0, 0, 0, 0.04)

06

レイアウト

左にテキスト、右にデバイスモックアップを配置した二段組みヒーローセクション

07

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

ホバーおよびクリックインタラクションにおける滑らかなトランジション · ページ要素の繊細な出現アニメーション

インタラクティブ要素の微細なスケールやカラー変化 · 軽微な変形による即座の視覚フィードバック

08

コンポーネント

• button プライマリアクションのための、ソリッドな紫背景を持つ丸みのあるピル型ボタン
• card 特徴セクション向けの、繊細な影と角丸を持つクリーンなカード
• chip 'NEW' のような通知のための小さな丸みのあるバッジ
• hero サブテキストと CTA ボタンを伴う大きなヘッドラインと、デバイスモックアップ

09

文体と禁止事項

• トーン フレンドリーで自信に満ち、モダン
• 見出し ユーザーに直接語りかける大胆で率直なステートメント
• CTA 明確な価値提案を伴うアクション指向

• ダークバックグラウンドを使用しない — スクリーンショットは白とライトグレーの背景を示しています
• セリフフォントを使用しない — スクリーンショットは幾何学的なサンセリフタイポグラフィを示しています
• カードに小さなボーダーラジウスを使用しない — スクリーンショットは大きな角丸 (18px) を示しています
• ミュートカラーパレットを使用しない — スクリーンショットは鮮やかなアクセントカラーとしての紫を示しています
• 密集したテキストレイアウトを使用しない — スクリーンショットは十分な余白と「息継ぎ」のスペースを示しています
• 複雑なグラデーションを使用しない — スクリーンショットは主にソリッドカラーと繊細な影を示しています
• 避ける: 複雑な技術用語
• 避ける: 過度にフォーマルな言葉遣い
• 避ける: アグレッシブなセールス戦術

10

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

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

11

System Prompt

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