Editorial Ink ランディングページv1.0.3

Editorial Ink ランディングページは、ソフトウェアプロダクト向けの、タイポグラフィ主導の落ち着いたローンチサイトを作ります。温かみのある紙の上にセリフ体の見出し、Hero の背後には淡く描かれた空、見出しのすぐ下には実際に動くプロダクトウィンドウ。作例は創業者向けの架空の会議記録アプリ Petrichor で、ホームページ全体に加え、サインアップ、ログイン、お問い合わせ、変更履歴、セキュリティ、採用、法務の各ページを備えています。

手に入るもの

• フォントと画像を内蔵し、どのブラウザでも開けてオフラインで動く、自己完結型の Web サイトファイル 1 つ。すでにフレームワークのプロジェクトがある場合は、代わりにあなたの技術スタックでデザインを構築します。
• プロダクト自身の用語で描かれ、訪問者が実際に操作できるプロダクトウィンドウ：Recap、Transcript、Ask の切り替え、フォローアップのチェック、文字起こしの特定の場面へのジャンプ、質問すると出典付きの回答が返る仕組み。
• ホームページ：墨絵の習作を添えたマニフェスト、仕組みを説明するメソッド、細い罫線で区切った機能の Bento、出典付きの数値、切り替えられるお客様の声、請求サイクルの切り替えとシート数ステッパー付きの料金、FAQ、夕暮れの空で締めくくる CTA。
• 実際に動く付属ページ：入力チェック付きのサインアップとログイン、営業へのお問い合わせ、フィルターと検索付きの変更履歴、セキュリティ、採用、プライバシー、利用規約、ページが見つからない場合のページ。
• どちらもきちんとデザインされたライト・ダーク両テーマと、動きを減らす設定を尊重する、一度きりの控えめなモーション。

使い方

1. プロダクト名、何をするものか、誰のためのものか、あなたの視点、3〜6 個の機能、実際の上限を含むプラン、FAQ の回答、使用可能な数値やお客様の声を伝えてください。足りないコピーはブランドのトーンで下書きし、確認用に一覧にします。
2. 空、墨絵の習作、ストーリー写真、ポートレートは、エージェントの画像ツールで雨上がりのような統一パレットにて生成させるか、自分の写真を送ってください。画像ツールがない場合は、写真の代わりに柔らかな絵画調の背景とイニシャルでページを仕上げます。
3. すべてのページをライト・ダーク、デスクトップ・スマートフォンで開き、プロダクトウィンドウ、料金、フォームを試してから、変更を依頼してください。

書体は Newsreader、Geist、Geist Mono で、ファイルに埋め込まれています。画像生成にはエージェント自身の画像ツールを使うため、その利用料金がかかる場合があります。