Tracklane 開発者ツールランディングページv1.0.5

Tracklane 開発者ツールランディングページは、完成した企業サイトのような開発者ツールのマーケティングサイトを構築します。温かみのあるサンド色の背景にミント色のセクション帯、黒に近いインク、引き締まった見出し、右側にライブのプロダクトウィンドウを置いた静かな分割 Hero が特徴です。サンプルは架空のサイクル計画用イシュートラッカー Tracklane で、ホームページ一式に加え、料金、変更履歴、サインイン、サインアップ、デモ予約、セキュリティ、導入事例、会社概要、法務ページを備えています。

手に入るもの

• フォントと画像を内蔵し、どのブラウザでも開けてオフラインで動く、自己完結型の Web サイトファイル 1 つ。フレームワークのプロジェクトがすでにある場合は、同じ構成をそこへ移植します。
• あなた自身のオブジェクトから描画するプロダクトウィンドウ。ボード、バーンアップ、ロードマップの各ビューが一度だけ自動で切り替わり、ブランチが push されるとカードが動きます。
• 実際に動くホームのセクション。カウントアップする指標カード、トリアージキューとイシュースレッドを含む 5 タイルのベントー、サイクル Tab、コマンドライン・Git・API のコピー付き開発者ワークフロー Tab、評価導線、セキュリティ、お客様の声、請求切り替え付きの料金、FAQ。
• 料金比較表、フィルターと検索付きの変更履歴、シングルサインオン検索付きのサインイン、サインアップ、デモ予約、導入事例、採用情報付きの会社概要、プライバシー、利用規約、404 ページなどのサブページ。
• 完全なダークテーマと、視差効果を減らす設定を尊重した落ち着いたモーション。

使い方

1. プロダクト名と一言のキャッチコピー、管理する作業オブジェクト、5 つの機能、Git・コマンドライン・API との連携方法、セキュリティ情報、料金プラン、メインの CTA を伝えてください。不足している情報はそれらしい仮テキストで下書きし、確認用に一覧にします。
2. プロダクトを最もよく見せる 3 つのビューをエージェントに伝えます。たとえばイシューの代わりにインシデント、デプロイ、チケットなどです。
3. すべてのページをデスクトップとスマートフォンのライト・ダーク両方で開き、プロダクトウィンドウ、ベントー、Tab、フォームを試して、修正を依頼してください。

書体は Inter Tight、Inter、Geist Mono を使用し、ファイルに埋め込まれています。顧客とチームの写真はエージェント自身の画像ツールで生成されるため、その利用料金がかかる場合があります。プロダクト自体は常にコードで描画され、生成されたスクリーンショットは使いません。