厳選・オープン・無料

Plausible

プライバシーに配軽した軽量なGoogle Analytics代替ツール。

01

デザイン DNA

複雑なデータツールに対する、清潔で透明性のある代替策。

02

カラー

白背景に高コントラストのダークテキスト。プライマリアクションとハイライトには単一の鮮やかなパープルを採用。

03

タイポグラフィ

humanist-sans · monospace

• display48px · 700
• h232px · 700
• body16px · 400

04

余白

セクション間は豊かな垂直方向のスペーシング、コンポーネント内は密接に配置。

05

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

1px solid #E5E7EB

0px 4px 20px rgba(0, 0, 0, 0.05)

06

レイアウト

中央揃えの单一カラムランディングページ。フルワイドのヒーローセクションに続き、詳細なアプリケーションプレビューを配置。

07

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

ボタンの背景色に微細な変化を加える。 · 即座に視覚的なフィードバックを提供。

08

コンポーネント

• button ソリッドパープルのプライマリボタン、白文字、角丸。セカンダリボタンは白背景にグレーボーダー。
• card ダッシュボードプレビューには、微細なシャドウとグレーボーダーを備えた白いカードを使用。データセクションを表現。
• chip スクリーンショットには確認できない。
• input スクリーンショットには確認できない。
• hero 中央揃えの大きく太字の見出し、サブテキスト、2つの並列CTAボタン、その下に詳細なアプリケーションスクリーンショットを配置。

09

文体と禁止事項

• トーン 直接的、自信があり、安心感を与える。
• 見出し 短く、力強く、ベネフィットを強調。
• CTA 明確でアクション重視（「無料トライアルを開始」「ライブデモを見る」など）。

• 複雑なグラデーションを使用しない — スクリーンショットではフラットでソリッドな背景色を使用。
• 複数のアクセントカラーを使用しない — スクリーンショットでは単一の支配的なパープル（#5850EC）のみを使用。
• 装飾的なスクリプトやセリフ表示フォントを使用しない — スクリーンショットではクリーンなヒューマンサンスを使用。
• レイアウトを詰め込みすぎない — スクリーンショットでは豊かな余白と中央揃えのコンテンツを確認。
• ダークモードや重いシャドウを使用しない — スクリーンショットでは軽くエアリーなインターフェース、微細なシャドウを確認。
• 複雑なアイコノグラフィを使用しない — スクリーンショットではミニマルでシンプルなUIアイコンを使用。
• 避ける: 技術用語
• 避ける: 曖昧なマーケティング表現
• 避ける: 攻撃的なセールス言葉

11

System Prompt

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